✨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
Enable banner image
Select/deselect the checkbox to enable Banner content.
Note: It will default show the collection featured image as a banner. The collection will show the custom banner image if it does not have featured images. Custom banner image Select a custom banner image from your library.
Note: 1920 x 200px recommended. Desktop height
Select the height for the desktop view from the given options: -Auto
-Small
-Medium
-Large
Mobile height
Select the height for the mobile view from the given options: -Auto -Small
-Medium
-Large Heading size Select the heading size from the H1-H6 options. Heading tag Specify heading code types for SEO and search engines for crawling purposes.
COLLECTION
Show collection title Select this checkbox to enable the collection title on the page. Enable collection title overlay Select this checkbox to enable the collection title overlay on the page. Show collection description Select this checkbox to enable the collection description. Products per page Adjust the slider to add products per page. You can add products from 8 to 28. Enable infinite scroll Select/deselect this checkbox to enable/disable the infinite scrolling of the products. Infinite scroll type Select from the options: - On scroll - On button click Grid image ratio
Select the image ratio from the given options;
Auto
Landscape
Portrait
Square
Grid image fit Select the image fit from the following options: - Cover - Contain
FILTER & SORTING
Enable filtering Select the checkbox to enable Filter. Enable sorting
Select the checkbox to enable Sorting.
COLORS
Color scheme
Select the color scheme from the given options;
-Primary -Secondary
-Tertiary
-Quaternary
Note: These can be managed from Theme settings> color schemes. Banner background
Select any color for Banner Background.
Banner overlay background Select any color for the banner overlay background.
Heading
Select any color for Heading. Note: Only applicable for overlay heading.
Banner overlay opacity
Adjust the slider to select the banner overlay opacity. Bottom bar mobile Background Select any color for the filter bar background on mobile devices. Text Select any color for the filter bar text on mobile devices.
SECTION SPACING
Top spacing (desktop)
Adjust the slider to add spacing at the top of the section for desktop view.
Bottom spacing (desktop)
Adjust the slider to add spacing at the bottom of the section for desktop view.
Top spacing (mobile)
Adjust the slider to add spacing at the top of the section for mobile view.
Bottom spacing (mobile)
Adjust the slider to add spacing at the bottom of the section for mobile view.
Last updated