# Collection tab

<div data-full-width="true"><figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fa5w6LQkUFhLWSt58jhjP%2FHelp%20Center%20banner%20%201250%20x%20200-2.png?alt=media&#x26;token=ab0daf12-b917-4435-a603-9a3f6613f853" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F9u7nIZpC1x6DOZOHDdo9%2Fimage.png?alt=media&#x26;token=55a4718a-044b-4962-8aa8-f022ede14125" alt=""><figcaption></figcaption></figure>

## How to add a Collection tab

{% hint style="success" %}
**Steps:**

1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Collection tabs.**
3. **Save.**
   {% endhint %}

## Section settings

### General

Adjust the **Container type** (Default/Full width/ Use container box) and **Color scheme** for this section.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FauvUOHozAR8Dl3q77dzV%2Fimage.png?alt=media&#x26;token=81e4f3ae-453a-4d06-9849-79dad8dd51da" alt=""><figcaption></figcaption></figure>

### Section header

Add a **Heading**, **Subheading**, and **Description** to your section.

The **Section header** - Heading size can be set as Medium/ Large.

You can also change the **Heading alignment** to Left/Center.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FqI1mZnhCzRyANJ3iBywO%2Fimage.png?alt=media&#x26;token=f62afead-aa63-4c9b-bfa2-2598d809196e" alt=""><figcaption></figcaption></figure>

### Tab settings

* **Desktop image position**: Left/ Right (Position is automatically optimized for mobile);
* **Image ratio**: Adapt to first image/ Square (1:1)/ Portrait (3:4)/ Landscape (4:3);
* **Prefix header**: Use the Ordinal number, or use icons that you upload in the [Block settings](#block-settings);
* **Trigger open tab**: Set the tabs to be opened by clicking or on hover;
* **Auto-rotate content**: To auto-change the tab every few seconds (2-10s).

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FUrDt6FosZHG7g2l0zQU9%2Fimage.png?alt=media&#x26;token=ca5ce5b5-5669-41ca-a5ef-a9765f957ac0" alt=""><figcaption></figcaption></figure>

## Block settings

To each tab, select the **Collection** you want to attach and an **Image** for it. You can leave the image setting blank to use the collection's featured image.

Insert the content (**Heading** and **Text**) you want or leave it blank to display the Collection's title and description.&#x20;

You can also change the **Heading size** to:

* Extra small
* Small
* Medium
* Large
* Extra large

Upload an **Icon** if you set your section's **Prefix header** type as Icon.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F4UZFWOpgRs57yNFhzRgG%2Fimage.png?alt=media&#x26;token=cee531d5-5507-4b49-b169-f066e54c293d" alt=""><figcaption></figcaption></figure>


---

# 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://docs.foxecom.com/minimog-theme/theme-sections/collection-tab.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.
