> For the complete documentation index, see [llms.txt](https://vshop.gitbook.io/vshop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vshop.gitbook.io/vshop/theme-sections/collections-list-page.md).

# Collections list page

Displays all store collections in a customizable grid layout, allowing customers to explore product categories easily.

**Section Header**

* **Heading** – Main title (e.g., *All Collections*).
* **Text alignment** – Align heading and description: *Left*, *Center*, or *Right*.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FjiUldWUbOpA6PeCHEz0q%2Fimage.png?alt=media&amp;token=4e3dbc56-9cb5-4cd1-b2db-6e637b0ebe2e" alt=""><figcaption></figcaption></figure>

***

**General Settings**

* **Layout** – Choose layout style (*Default*).
* **Color scheme** – Apply a color scheme to match your theme.
* **Sort collections by** – Choose sorting method (*Alphabetically*, *Date*, etc.).
* **Design** – Select layout design (*1–4*).
* **Images style** – Choose between *Square* or *Rounded* corners.
* **Image ratio** – Set the image ratio (*1:1*, *3:4*, *16:9*, etc.).
* **Custom ratio** – Enter a custom ratio (e.g., *21:9*).

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FvXtyecK1kxqbmdOJt5A6%2Fimage.png?alt=media&amp;token=3c9f38b2-78ff-4451-9e0e-d620de73c2cf" alt=""><figcaption></figcaption></figure>

***

**Grid Settings**

* **Items per row (Desktop)** – Number of collections per row on desktop.
* **Items per row (Tablet)** – Choose *1–3*.
* **Items per row (Mobile)** – Choose *1–2*.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FN1utvGoxs75S2TOrQymD%2Fimage.png?alt=media&amp;token=584b9419-8bf9-4482-9420-ef36fe145b40" alt=""><figcaption></figcaption></figure>

***

**Section Padding**

* **Padding top** – Adjust top spacing (default *0px*).
* **Padding bottom** – Adjust bottom spacing (default *0px*).

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2F8nKybxXQZNCAsOP9BvLf%2Fimage.png?alt=media&amp;token=7739cd49-1ca6-49e7-a982-59393038c501" alt=""><figcaption></figcaption></figure>

***

💡 **Tips:**

* Use 3–4 items per row for a balanced layout.
* Keep consistent image ratios for a cohesive look.
* *Rounded* image style adds a modern touch.