✨Template default collection
This page will list all the products in your collection list.
Configure main collection
Select the customize theme option. At the top of the page click on the dropdown menu to select the Collection > Default collection template.
From the left side menu, select Main collection.
Customize this section by using the setting on the right side of the theme editor, as described below;
Main collection
Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Background Choose the section background from below options: - Solid - Gradient Container width Choose the container width from below options: - Small - Standard - Wide - Edge
Section spacing
Choose from Choose spacing for: - Desktop - Mobile Desktop: Top spacing Adjust the range bar to add spacing at the top of the section for desktop view.
Desktop: Bottom spacing Adjust the range bar to add spacing at the bottom of the section for desktop view.
Mobile: Top spacing Adjust the range bar to add spacing at the top of the section for mobile view.
Mobile: Bottom spacing Adjust the range bar to add spacing at the bottom of the section for mobile view.
Enable filters Select this checkbox to show the filters. Enable sorting Select this checkbox to show the sorting. Open filter by default Select this checkbox to show the filter open by default. Show total product count Select this checkbox to show the total products count. Max products to show Adjust the range bar to determine the maximum number of products to display. Column count Adjust the range bar to determine the count of columns. Column gap Adjust the range bar to determine the gap between columns. Aspect ratio Choose the images ratio from below options: - Adapt to image - Square - Portrait - Portrait slim - Landscape Pagination style Choose the pagination from: - Page number - Load more button - Infinite scrolling
Categories/Collection
Collections
Show collections Select this checkbox to show the collections list. Collections Choose the collections list.
Section spacing
Desktop top space
Adjust the range bar to add spacing at the top of the section for desktop view.
Desktop bottom space
Adjust the range bar to add spacing at the bottom of the section for desktop view.
Mobile top space
Adjust the range bar to add spacing at the top of the section for mobile view.
Mobile bottom space Adjust the range bar to add spacing at the bottom of the section for mobile view.
Subcollections
Collections
Choose a list of collections to show as categories.
Show collection count
Select the checkbox to show the count of products in the selected collections.
Promotional card
Color scheme
Select any color scheme defined in the theme settings>Colors>Schemes.
Image
Choose any image from the store library.
Aspect ratio
Choose the images ratio from below options: - Adapt to image - Square - Portrait - Portrait slim - Landscape
Position in stacked view
Adjust the range bar to determine the position of card in products grid.
Content
Content position Choose the content position from below options: - Top: Left/Center/Right - Middle: Left/Center/Right - Bottom: Left/Center/Right Subheading Add subheading text. Heading
Add heading text. (Note: Enter ++ for a line break and wrap text in [ ] to apply the highlight settings.) Heading tag Specify heading code types from H1-H6, div, span or p tag for SEO and search engines for crawling purposes. Heading size Select the font size from the following options: - Heading L - Heading M - Heading S - Heading XS - Heading XXS Description
Add description text. Description font size Choose the font size from following options: - Extra Large - Large - Medium - Regular - Small - Extra small Highlight text Highlight style Choose the style from following options: - None - Underline - Text color Font Choose the text font family from the following options:
- Heading - Body - Highlight (Note: These fonts can be changed in theme settings>typography.)
Button
Button text Enter the button label. (Note: Leave the label blank to hide the button.) Button link Add the button link to redirect it. Open in new tab Select this checkbox to open the button link in next tab of browser. Button style Choose the button style from the following options: - Primary button - Secondary button - Primary outline button - Secondary outline button - Link
Overlay
Enable overlay Select this checkbox to show overlay on slide media. Style Choose from solid or gradient to determine the overlay style. Solid color Choose any color for the solid overlay. Gradient color Choose any color for the gradient overlay.
Last updated