# Collection thumbnails

The **Category Icon List** feature is designed to display multiple product categories on a page, each with an icon and a name. This functionality helps users quickly browse and navigate to the product categories they are interested in.

### Feature Details

1. **Adapt for transparent image**

   If the collection image has a transparent background, it is recommended to enable this option for optimal display.<br>
2. **Layout Style**:

   You can choose the layout style for the Category Icon List:

   * **Horizontal**: Arrange all category icons and titles horizontally. This layout is suitable for a landscape orientation.<br>

     <figure><img src="/files/YLQxzXauRMpc9qw174jX" alt=""><figcaption></figcaption></figure>
   * **Vertical**: Arrange all category icons and titles vertically. This layout is suitable for a portrait orientation.<br>

     <figure><img src="/files/7LU9DQ4FleckmY1gvuWG" alt=""><figcaption></figcaption></figure>
3. **Icon Block Settings**:

   Each icon block represents a product category. For each category, you can set the following:

   * **Image**: Upload an image for the product category. This is often used to showcase featured products within that category.
   * **Select Product Series**: Choose a product series from existing ones to serve as the content source for the category.
   * **Custom Series Title**: Optionally, set a custom title for the product series, which will be displayed below the icon.

### **Usage Suggestions**

* **Clear Navigation**:Use the category icon list to help users quickly identify and navigate to their desired product categories. Ensure that icons and titles are clear and easily understandable for users.
* **Consistent Style**:Maintain consistency in the color scheme and icon style to enhance brand image and user experience.
* **Regular Updates**:Update category icons and product series content according to product updates or promotional events to keep the content fresh and relevant.


---

# 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://en-ascent.webvista.studio/sections/collection-thumbnails.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.