✨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 the color scheme. (Note: These can be managed from Theme settings> color schemes.) Section background Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme. Separator line Choose the separator line visibility from below options: - Top - Bottom - Both - None
Content	Image Choose an image from the store library. You can use dynamic resource to link the featured image of collection. Desktop custom height Adjust the range bar to determine the custom height of image on desktop view. Mobile custom height Adjust the range bar to determine the custom height of image on mobile view. Heading Add heading text. Heading size Select the font size from the following options: - Extra small - Small - Regular - Medium - Large - Extra large - Double Extra large SEO tag Specify heading code types from H1-H6, div, span or p tag for SEO and search engines for crawling purposes. --------------------------------------------------------------------- Description Add description text. Description font size Select the font size from the following options: - Extra small - Small - Regular - Medium - Large - Extra large - Double Extra large Content alignment Choose the alignment from following options: - Left - Center - Right
Categories/Collection	Enable collection list Select this checkbox to show the categories. Collections Choose a list of collections to show as categories. Sub collections Choose a list of collections to show as sub-categories.
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.

Filter & Sorting

Filter style	Choose the style from: - Horizontal - Vertical
Enable filtering	Select the checkbox to enable filters
Enable sorting	Select the checkbox to enable sorting.
Vertical: Show products counts (desktop)	Select the checkbox to show the products count.
Color option name	Enter the label name of variant option, which hold the colors. For e.g. Color, Colour etc.

Product grid

Pagination type	Choose the pagination from: - Page number - Load more button - Infinite scrolling Products per page Adjust the range bar to determine the number of products to display per page.
Number of column (desktop)	Adjust the range bar to determine the number of columns on the desktop view.
Number of column (mobile)	Adjust the range bar to determine the number of columns on the mobile view.
Image ratio	Choose from image's ratio in the grid from the following options: - Auto - Square - Landscape - Portrait
Options visibility	Choose options from: - Always - On hover
Enable shadow	Select this checkbox to show shadow on product card.
Variants details	Choose options from: - Sizes only - Colors only - Sizes & Colors - No variants
Border style	Choose style from: - With border - Without border
Media fit style	Choose the media fit style from : - Cover - Contain
Show secondary image	Select this checkbox to show second image on hover.
Content alignment	Choose the alignment from following options: - Left - Center - Right
Quick view	Display mode Choose the visibility of quick view: - Always - On hover - Disabled
Badges	Display mode Choose the visibility of badges : - Always - On hover