# Featured Categories 1

<figure><img src="https://684475164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqscUgPkTIpsIESKMa0Of%2Fuploads%2Fr6gYO0HYFAvinSM94WC1%2Fimage.png?alt=media&#x26;token=d85f2876-1b26-43a3-bd95-5c1589a316f6" alt=""><figcaption></figcaption></figure>

The Featured Categories section is a visually rich carousel component that showcases up to 5 category collections with large images, titles, descriptions, and call-to-action buttons.&#x20;

The section also includes navigation arrows and a "View All" button for easy access to your complete category collection.

### **Setting** Featured Categories 1

Go to **Storefront** -> **My Themes** -> **Customize**. <mark style="color:red;">(If your store is a new store, you may need to go to</mark> <mark style="color:red;"></mark><mark style="color:red;">**Channel Manager -> Themes -> Edit Theme**</mark><mark style="color:red;">)</mark>

In the **Theme Editor** -> Go to **Home Page / Featured Categories 1**

<figure><img src="https://684475164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqscUgPkTIpsIESKMa0Of%2Fuploads%2F7HllNC78LyI9bHe9NwNt%2Fimage.png?alt=media&#x26;token=285a27f5-3dbf-433c-ac78-bbcb41df7880" alt=""><figcaption></figcaption></figure>

**Main Section Settings**

| Setting                  | Description                                    | Example                       |
| ------------------------ | ---------------------------------------------- | ----------------------------- |
| **Heading**              | Main title displayed at the top of the section | "Featured Collections"        |
| **View All Button Text** | Text for the bottom button                     | "Shop all Collections"        |
| **View All Button Link** | URL for the view all button                    | "/collections" or "/shop-all" |

**Each category card requires the following settings:**

| Setting         | Description                       | Example                                    |
| --------------- | --------------------------------- | ------------------------------------------ |
| **Image**       | Image filename from Image Manager | category-living-room.jpg                   |
| **Title**       | Category name or heading          | "Luxury Comfort Collection"                |
| **Description** | Brief category description        | "Materials for ultimate comfort and style" |
| **Link**        | Category page URL                 | "/luxury-comfort"                          |

**Responsive Behavior:** The carousel automatically adjusts based on screen size:

| Device            | Cards Visible | Spacing |
| ----------------- | ------------- | ------- |
| **Mobile**        | 1 card        | 10px    |
| **Tablet**        | 2 cards       | 20px    |
| **Small Desktop** | 2 cards       | 20px    |
| **Desktop**       | 3 cards       | 30px    |

{% hint style="info" %}
When you are happy with your changes, don't forget click **Save** and **Publish** to repackage the edited theme.
{% endhint %}