Featured collections

The Featured Collections section helps you highlight best sellers, new arrivals, or special collections in a clean, engaging layout. It makes it easy for customers to explore products and quickly find what they’re interested in.

How do I add the Featured Collections section?

In the theme editor, click Add section (or the ➕ icon).

Find and select Featured Collections.

How do I add collections to this section?

Click the ➕ Add Collection button inside the Featured Collections section.

You can add up to 5 collections.

For each collection, you can:

• Choose which collection to show

• Set a tab label (or use the collection name)

• Choose the link (defaults to the collection page)

Why don’t all my products show up?

Check Maximum products to show in the Product grid settings.
Only that number of products will appear per collection.

Product card

• Image ratio: Adjust the aspect ratio of collection images, ensuring images display beautifully and propotionally (Adapt to image, Square, ASOS, Portrait, Lanscape, Custom)

• Show vendor: Displays the product vendor's name, providing additional information to customers

Can I change how customers switch between collections?

Sure. You can use the Tab style option to choose:

• Inline tabs (visible buttons)

• Dropdown (cleaner, compact layout)

How do I control the layout on desktop vs mobile?

You can customize layouts separately:

• Set number of columns for desktop and mobile

• Enable or disable carousel on each device
  This lets you use a grid on desktop and a swipeable carousel on mobile.

Why does the section animate when I scroll?

That’s Reveal on scroll.
When enabled, animations appear as the section enters the viewport, making the page feel more interactive.

How do I show or hide product badges (New, Sale, Sold out)?

Go to Theme Settings inside the Featured Collections section and enable:

• New badge

• On sale badge (text or percentage)

• Sold out badge

• Pre-order badge

Tip:
The New badge will show based on the product publish date + the time set in Automatic “New” badge period.

How can I shorten product URLs for better SEO?

Enable Remove collection URL in Theme Settings.
This removes /collections/... from product URLs and keeps them clean.

Can I show color swatches on product cards?

You can control:

• Color display mode (hide, count, or show swatches)

• Color shape (circle or square)

• Maximum colors to show

• What happens when users click “view more colors”

Can product images change on hover or click?

You can find the option Change product image on event:

• Hover (desktop)

• Click (forced on touch devices)

You can also enable Show secondary image on hover for extra visuals.

How do I add a “View all” button?

Enable View all and customize:

• Button label

• Button style (link, outline, solid)

This is useful when you show only a few products but want to link to the full collection.

Why does clicking the vendor name go to a collection instead of the vendor page?

If Use collection link on vendor is enabled, the vendor name will link to the related collection instead of Shopify’s default vendor page.