---
description: This page will list all the products in your collection list.
---

# 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.**

1. 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="281"></th><th></th></tr></thead><tbody><tr><td>Main collection</td><td><p><strong>Enable banner image</strong>  </p><p>Select/deselect the checkbox to enable Banner content. </p><p><em>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.</em> <br> <br><strong>Custom banner image</strong> <br>Select a custom banner image from your library.  </p><p><em>Note: 1920 x 200px recommended.</em><br> <br><strong>Desktop height</strong></p><p>Select the height for the desktop view from the given options:<br>-Auto</p><p>-Small </p><p>-Medium </p><p>-Large <br> </p><p><strong>Mobile height</strong></p><p>Select the height for the mobile view from the given options:<br>-Auto<br>-Small </p><p>-Medium </p><p>-Large   </p></td></tr><tr><td>COLLECTION</td><td><p><strong>Show collection title</strong><br>Select this checkbox to enable the collection title on the page.<br><br><strong>Enable collection title overlay</strong><br>Select this checkbox to enable the collection title overlay on the page.<br><br><strong>Show collection description</strong><br>Select this checkbox to enable the collection description.<br><br><strong>Products per page</strong><br>Adjust the slider to add products per page. You can add products from 8 to 28.<br><br><strong>Enable infinite scroll</strong><br>Select/deselect this checkbox to enable/disable the infinite scrolling of the products.<br><br><strong>Infinite scroll type</strong><br>Select from the options:<br>- On scroll<br>- On button click<br><br><strong>Grid image ratio</strong></p><p>Select the image ratio from the given options;</p><ol><li>Auto</li><li>Landscape</li><li>Portrait</li><li>Square</li></ol><p><br><strong>Grid image fit</strong><br>Select the image fit from the following options:<br>- Cover<br>- Contain</p></td></tr><tr><td>FILTER &#x26; SORTING</td><td><p><strong>Enable filtering</strong><br>Select the checkbox to enable Filter. <br><br><strong>Enable sorting</strong></p><p>Select the checkbox to enable Sorting. </p></td></tr><tr><td>COLORS</td><td><p><strong>Color scheme</strong> </p><p>Select the color scheme from the given options; </p><p>-Primary  <br>-Secondary  </p><p>-Tertiary  </p><p>-Quaternary</p><p> </p><p><em>Note: These can be managed from Theme settings> color schemes.</em><br><br><strong>Banner background</strong></p><p>Select any color for Banner Background.  </p><p> </p><p><strong>Banner overlay background</strong> <br>Select any color for the banner overlay background. <br> </p><p><strong>Heading</strong>  </p><p>Select any color for Heading.<br><em>Note: Only applicable for overlay heading.</em></p><p> </p><p><strong>Banner overlay opacity</strong> </p><p>Adjust the slider to select the banner overlay opacity.<br><br>Bottom bar mobile<br><strong>Background</strong><br>Select any color for the filter bar background on mobile devices.<br><br><strong>Text</strong><br>Select any color for the filter bar text on mobile devices.</p></td></tr><tr><td>SECTION SPACING</td><td><p><strong>Top spacing (desktop)</strong>  </p><p>Adjust the slider to add spacing at the top of the section for desktop view.</p><p>  </p><p><strong>Bottom spacing (desktop)</strong></p><p>Adjust the slider to add spacing at the bottom of the section for desktop view.  </p><p>   </p><p><strong>Top spacing (mobile)</strong></p><p>Adjust the slider to add spacing at the top of the section for mobile view.     </p><p>  </p><p><strong>Bottom spacing (mobile)</strong></p><p>Adjust the slider to add spacing at the bottom of the section for mobile view. </p></td></tr></tbody></table>
