# Template default collection

### 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;

<table data-header-hidden><thead><tr><th width="245"></th><th></th></tr></thead><tbody><tr><td>Main collection</td><td><p><strong>Color scheme</strong><br>Select the color scheme. </p><p><em>(<strong>Note</strong>: These can be managed from Theme settings> color schemes.)</em><br><br><strong>Section background</strong><br>Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme.<br><br><strong>Separator line</strong><br>Choose the separator line visibility from below options:<br>- Top<br>- Bottom<br>- Both<br>- None</p></td></tr><tr><td>Content</td><td><p><strong>Image</strong><br>Choose an image from the store library. You can use dynamic resource to link the featured image of collection.<br><br><strong>Desktop custom height</strong><br>Adjust the range bar to determine the custom height of image on desktop view.<br><br><strong>Mobile custom height</strong><br>Adjust the range bar to determine the custom height of image on mobile view.<br><br><em><strong>Heading</strong></em> </p><p><em>Add heading text.</em> <br><br><strong>Heading size</strong><br>Select the font size from the following options:<br>- Extra small
<br>- Small
<br>- Regular
<br>- Medium
<br>- Large
<br>- Extra large
<br>- Double Extra large<br><br><strong>SEO tag</strong><br>Specify heading code types from H1-H6, div, span or p tag for SEO and search engines for crawling purposes.<br>---------------------------------------------------------------------<br><strong>Description</strong> </p><p>Add description text.  <br><br><strong>Description font size</strong><br>Select the font size from the following options:<br>- Extra small
<br>- Small
<br>- Regular
<br>- Medium
<br>- Large
<br>- Extra large
<br>- Double Extra large<br><br><strong>Content alignment</strong><br>Choose the alignment from following options:<br>- Left<br>- Center<br>- Right</p></td></tr><tr><td>Categories/Collection</td><td><strong>Enable collection list</strong><br>Select this checkbox to show the categories.<br><br><strong>Collections</strong><br>Choose a list of collections to show as categories.<br><br><strong>Sub collections</strong><br>Choose a list of collections to show as sub-categories.</td></tr><tr><td>Collections</td><td><strong>Show collections</strong><br>Select this checkbox to show the collections list.<br><br><strong>Collections</strong><br>Choose the collections list.</td></tr><tr><td>Section spacing</td><td><p><strong>Desktop top space</strong></p><p>Adjust the range bar to add spacing at the top of the section for desktop view.  <br> </p><p><strong>Desktop bottom space</strong></p><p>Adjust the range bar to add spacing at the bottom of the section for desktop view. </p><p> </p><p><strong>Mobile top space</strong></p><p>Adjust the range bar to add spacing at the top of the section for mobile view. </p><p> </p><p><strong>Mobile bottom space</strong><br>Adjust the range bar to add spacing at the bottom of the section for mobile view. </p></td></tr></tbody></table>

## **Filter & Sorting**

<table><thead><tr><th width="256"></th><th></th></tr></thead><tbody><tr><td>Filter style</td><td>Choose the style from:<br>- Horizontal<br>- Vertical</td></tr><tr><td>Enable filtering</td><td>Select the checkbox to enable filters</td></tr><tr><td>Enable sorting</td><td>Select the checkbox to enable sorting. </td></tr><tr><td>Vertical: Show products counts (desktop)</td><td>Select the checkbox to show the products count.</td></tr><tr><td>Color option name</td><td>Enter the label name of variant option, which hold the colors. For e.g. Color, Colour etc.</td></tr></tbody></table>

## Product grid

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