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

# Collection list

Display multiple collections in a grid or carousel to help customers browse product categories.

## How to access

1. **Go to** Shopify Admin → Online Store → Themes.
2. **Click** Customize on your active theme.
3. Click **Add section** on the page and choose **Collection list**.

## Section Settings

<div><figure><img src="/files/hpBNCkQepWc0Eq9K6vfe" alt=""><figcaption></figcaption></figure> <figure><img src="/files/DnQnqMeIMcAbe5FP4v9W" alt=""><figcaption></figcaption></figure> <figure><img src="/files/Ovcs5pLP2AdQGOi6qNxF" alt=""><figcaption></figcaption></figure></div>

| Setting                       | Description                                                                                                                                 |
| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
| Layout                        |                                                                                                                                             |
| Expand to full width          | Extends the section to the full browser width.                                                                                              |
| Color scheme                  | Sets the background and text colors.                                                                                                        |
| Background opacity            | Controls the background opacity.                                                                                                            |
| Content                       |                                                                                                                                             |
| Heading                       | Sets the section heading text.                                                                                                              |
| Heading size                  | Controls the size of the heading.                                                                                                           |
| Text                          | Adds supporting text to the section.                                                                                                        |
| Text position                 | Shows the text above or below the heading.                                                                                                  |
| Desktop content alignment     | Aligns the section content on desktop. Choose from Left, Center, or Right. On mobile, the content is automatically centered.                |
| Collection card               |                                                                                                                                             |
| Collection list style         | Sets the appearance of the collection cards. Choose from Classic or Modern.                                                                 |
| Enable collection description | Displays the collection description on each collection card.                                                                                |
| Enable collection count       | Displays the number of products available in each collection.                                                                               |
| Column alignment              | Aligns the collection card content. Choose from Left, Center, or Right.                                                                     |
| Aspect ratio                  | Sets the image proportions for collection cards. Choose from Adapt to image, Portrait, or Square.                                           |
| Column settings               |                                                                                                                                             |
| Desktop columns               | Sets the number of collections displayed per row on desktop. Choose from 3, 4, or 5.                                                        |
| Mobile columns                | Sets the number of collections displayed per row on mobile. Choose from 1 or 2.                                                             |
| Carousel settings             |                                                                                                                                             |
| Enable carousel               | Displays the collections in a carousel layout.                                                                                              |
| Change slides every           | Sets the delay between automatic slide transitions. Enter 0 to disable autoplay.                                                            |
| Gap                           | Controls the spacing between collection cards.                                                                                              |
| Pagination                    | Sets the carousel navigation style. Choose from Dots, Arrows, or None.                                                                      |
| Pagination style              | Sets the appearance of the carousel navigation. Choose from the available pagination styles.                                                |
| Section padding               |                                                                                                                                             |
| Top side                      | Sets the space above the section.                                                                                                           |
| Bottom side                   | Sets the space below the section.                                                                                                           |
| Section divider               |                                                                                                                                             |
| Shapes                        | Adds a decorative divider to the section. Choose from Curve top, Curve bottom, Curve both, None, Border top, Border bottom, or Both border. |

## Blocks

Add blocks to this section in the theme editor. Each block is a separate item you can add, remove, and reorder.

### Collection

Select a collection to display in the collection list.

<figure><img src="/files/0B4tcYkfV8cTn0IgiDZb" alt=""><figcaption></figcaption></figure>

| Setting    | Description                                      |
| ---------- | ------------------------------------------------ |
| Collection | Selects the collection to display in this block. |

## Common Questions

<details>

<summary>How do I add more collections?</summary>

Click **Add Collection** inside the Collection list section and select the collection you want to display.

</details>

<details>

<summary>Can I display collections in a carousel?</summary>

Yes. Enable **Enable carousel** under **Carousel settings** to display the collection cards in a slider.

</details>