> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.ecomx.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Blum Featured Collections

**Theme:** Blum · **Section type:** All-template section

A Featured collections section shows products from one or more collections. With more than one collection, customers switch between them with tabs, so you can show several product groups in one compact section.

> **Note:** You can add this section to any template, except the header and footer. Each section holds up to 6 **Collection** blocks, and each block shows up to 12 products.
![Featured collections section as a carousel with a badge above the heading](https://storage.crisp.chat/users/helpdesk/website/-/f/8/b/b/f8bb8da391016800/a3-s1_etw3x9.png)

**What you can do**
- Add the section and your first collection
- Add more collections as tabs
- Choose the layout and how many products to show
- Show a "View all" button and a badge
- See what customers see
- Change the Featured collections settings
- Fix common problems

---

## Add the section and your first collection
1. In the theme editor, open the template where you want the section.
2. In the left sidebar, click **Add section** > **Featured collections**. The section comes with 1 **Collection** block.
3. Under **Text**, enter a **Section subheading**, **Section heading**, and **Section description**. Leave a field empty to hide it.
4. Click the **Collection** block, and then select a **Collection**.
5. Click **Save**.

## Add more collections as tabs
1. In the left sidebar, under **Featured collections**, click **Add block** > **Collection**.
2. Select a **Collection**.
3. Optional: enter a **Heading** for the tab. If you leave it empty, the tab shows the collection title.
4. Repeat for each collection, up to 6.
5. Click **Save**.

> **Tip:** Keep tab headings short (one or two words), so all tabs fit on one line on mobile.

## Choose the layout and how many products to show
1. Click **Featured collections** to open the section settings.
2. Under **Layout**, choose the **Desktop layout**: **Grid** or **Carousel**.
3. Choose the card **Style**, **Items per row on desktop**, and **Items per row on mobile**.
4. Drag **Items to show** to set how many products each tab shows.
5. Optional: select **Enable carousel on mobile** and **Show navigation on mobile**.
6. Click **Save**.

| Setting | What it does |
| ---- | ---- |
| Desktop layout | Grid shows all products in rows. Carousel shows the products in one row that customers scroll with arrows. |
| Items to show | Sets how many products each tab shows, from 2 to 12, in steps of 2. |

## Show a "View all" button and a badge
1. Under **Button**, select **Show 'View all' button if collection has more products than being shown**.
2. Enter the **'View all' button label**. The button opens the collection of the active tab.
3. Optional: under **Prominent badge**, enter a badge **Text**, and then choose its **Accent scheme**, **Position**, and **Shape**.
4. Click **Save**.

## What customers see
- **Tabs:** with 2 or more Collection blocks, the tab names appear above the products. Customers click a tab to see that collection's products. With 1 block, no tabs appear.
- **Large screens:** with **Grid**, the products appear in rows. With **Carousel**, the products appear in one row with previous and next arrows.
- **Mobile:** the products appear in 1 or 2 columns. With **Enable carousel on mobile**, customers swipe through the products in one row. Arrows appear only when **Show navigation on mobile** is selected.
- **Product cards:** customers can open a product, or use quick shop when it's turned on in **Theme settings** > **Product card**.
- **View all:** the button appears below the products when the collection has at least as many products as **Items to show**.
![Featured collections on mobile as a swipeable carousel with an arrow](https://storage.crisp.chat/users/helpdesk/website/-/f/8/b/b/f8bb8da391016800/a3-s2_66amtl.png)

## Settings reference
### Text
| Setting | What it does |
| ---- | ---- |
| Color scheme | Sets the colors of the section. Edit the schemes in Theme settings > Colors. |
| Section subheading | Adds a short line above the heading. |
| Section heading | Adds the section title. |
| Section description | Adds a short text below the heading. |

### Layout
| Setting | What it does |
| ---- | ---- |
| Desktop layout | Shows the products in a Grid or a Carousel on large screens. |
| Style | Standard shows the product details below the image. Card shows them on the image, over a mask overlay. |
| Items per row on desktop | Shows 3, 4, 5, or 6 products in each row on large screens. |
| Items per row on mobile | Shows 1 or 2 products in each row on mobile. |
| Content alignment | Aligns the heading and the button Left or Center. |
| Items to show | Sets how many products each tab shows, from 2 to 12. |
| Enable carousel on mobile | Turns the products into a swipeable row on mobile. |
| Show navigation on mobile | Shows previous and next arrows on the mobile carousel. |
| Remove padding top | Removes the space above the section. |
| Remove padding bottom | Removes the space below the section. |

### Button
| Setting | What it does |
| ---- | ---- |
| Show ‘View all' button if collection has more products than being shown | Shows a button that opens the collection of the active tab. |
| ‘View all' button label | Sets the button text. |

### Prominent badge
| Setting | What it does |
| ---- | ---- |
| Text | Sets the badge text. Leave it empty to hide the badge. |
| Accent scheme | Uses the Main or Extra accent color. Appears after you enter a Text. |
| Position | Places the badge on the Left or Right. Appears after you enter a Text. |
| Shape | Shows the badge as a Star, Diamond, or Asterisk. Appears after you enter a Text. |

### Collection block settings
| Setting | What it does |
| ---- | ---- |
| Collection | Selects the collection whose products appear in this tab. |
| Heading | Sets the tab name. If you leave it empty, the collection title is used. |

## Troubleshooting
**The section shows sample products.**
A **Collection** block has no collection selected, or the collection is empty. Select a collection that has products.

**I can't add another collection.**
Each section holds up to 6 **Collection** blocks. To show more, add a second Featured collections section.

**The "View all" button doesn't appear.**
Check that the button setting is selected. The button appears only when the collection has at least as many products as **Items to show**.

**The tabs don't appear.**
Tabs appear only when the section has 2 or more **Collection** blocks.

## Related articles
- [Blum Collection List](https://doc.ecomx.co/en/article/blum-collection-list-csa3sl/)
- [Blum Featured Product Carousel](https://doc.ecomx.co/en/article/blum-featured-product-carousel-t3g24r/)
- [Blum Product Card](https://doc.ecomx.co/en/article/blum-product-card-okpp7q/)
- [Blum Collection template](https://doc.ecomx.co/en/article/blum-collection-template-1tog81y/)
- [Blum Icon With Text](https://doc.ecomx.co/en/article/blum-icon-with-text-a8a4ez/)