> For the complete documentation index, see [llms.txt](https://shinedezign.gitbook.io/zyra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shinedezign.gitbook.io/zyra/overview/template-default-collection.md).

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://shinedezign.gitbook.io/zyra/overview/template-default-collection.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.