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.
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
- In the theme editor, open the template where you want the section.
- In the left sidebar, click Add section > Featured collections. The section comes with 1 Collection block.
- Under Text, enter a Section subheading, Section heading, and Section description. Leave a field empty to hide it.
- Click the Collection block, and then select a Collection.
- Click Save.
Add more collections as tabs
- In the left sidebar, under Featured collections, click Add block > Collection.
- Select a Collection.
- Optional: enter a Heading for the tab. If you leave it empty, the tab shows the collection title.
- Repeat for each collection, up to 6.
- 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
- Click Featured collections to open the section settings.
- Under Layout, choose the Desktop layout: Grid or Carousel.
- Choose the card Style, Items per row on desktop, and Items per row on mobile.
- Drag Items to show to set how many products each tab shows.
- Optional: select Enable carousel on mobile and Show navigation on mobile.
- 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
- Under Button, select Show 'View all' button if collection has more products than being shown.
- Enter the 'View all' button label. The button opens the collection of the active tab.
- Optional: under Prominent badge, enter a badge Text, and then choose its Accent scheme, Position, and Shape.
- 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.
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
- Blum Featured Product Carousel
- Blum Product Card
- Blum Collection template
- Blum Icon With Text
Updated on: 23/10/2026
Thank you!