Last updated
Last updated
Select the customize theme option. At the top of the page, click on the dropdown menu to select the Home page template. From the left side menu, select Collections list.
Customize the featured collection section by utilizing the settings on the right side of the theme editor as described below:
Block settings: Collection: Select any collection to display.
Content
Heading Type any text to show as the heading of the section. Marker text highlight style Select from Underline or Background to determine the highlight style. Highlight background Select from Gradient or Solid to determine the highlight background. Enable heading gradient animation Select this checkbox to show the heading animation in gradient color. (Note: Use gradient color from Theme settings>Color scheme>Highlight background gradient for this.) Heading size Select from H1-H6 to determine the heading size. Heading tag Specify heading code types from H1-H6 for SEO and search engines for crawling purposes. Heading alignment Select from Left, Center or Right to determine the heading alignment.
Collection
Style Select from Carousel or Stacked to determine the collections style. Title alignment Select from Left, Center or Right to determine the heading alignment. (Note: Applicable only for the 'Below image' position of the collection title.) Title position Choose the collection title position from the following options: - On image - Below image Grid image ratio Choose from the various options to determine the image's ratio in the grid.
Colors
Color scheme Select any color scheme defined in the Theme settings>Colors>Schemes. Enable gradient Select this check box to enable the gradient color specified in the color scheme assigned above.
Section padding
Top spacing (desktop)
Adjust the range bar to add spacing at the top of the section for desktop view.
Bottom spacing (desktop)
Adjust the range bar to add spacing at the bottom of the section for desktop view.
Top spacing (mobile)
Adjust the range bar to add spacing at the top of the section for mobile view.
Bottom spacing (mobile) Adjust the range bar to add spacing at the bottom of the section for mobile view.
This section is to highlight the collections for a better representation of the store.