# 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 <br><br><strong>Heading size</strong><br>Select the heading size from the H1-H6 options.<br><br><strong>Heading tag</strong> <br>Specify heading code types for SEO and search engines for crawling purposes.</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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://shinedezign.gitbook.io/fame-documentations/overview/template-default-collection.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.