Skip to main content
The Featured products section displays a curated selection of products in a prominent layout. It supports manual product selection or collection-based display, making it ideal for highlighting seasonal items, bestsellers, or new arrivals. Featured products section overview

​
What this section controls

This section controls product showcase displays with the following capabilities:
  • Manual product selection or automatic collection loading
  • Two layout options for heading and button positioning
  • Configurable product count from 4 to 12 items
  • Section-level button for viewing full collection
  • Display control for unavailable products
The section uses collection blocks to define product sources. You can either manually select specific products or choose a Shopify collection. When a collection is selected, it automatically overrides any manual product selections, keeping the display updated with the latest collection contents.

​
Getting started

1

Open Theme Customizer

From Shopify admin, access the Theme Customizer.
2

Add Featured products section

Add the Featured products section to your page or template.
3

Add collection block

Click “Add block” and select “Collection” to define your product source.
4

Select products or collection

Either manually select products or choose a Shopify collection.
Featured products section in Theme Customizer

​
Section settings

​
Layout

Controls the positioning of the section heading and button.
Heading aligned to the start (left), button aligned to the end (right).When to use:
  • Standard product sections with clear hierarchy
  • When the button is secondary to the heading
  • Desktop-friendly layouts with horizontal balance
Heading and button both centered, with button displayed at the section bottom.When to use:
  • Centered page designs
  • When creating visual symmetry
  • Promotional sections with equal emphasis on heading and action
Layout comparison

​
Heading

Main section heading text supporting rich text formatting (bold, italic, links).

​
Heading size

Controls the visual size of the heading.Available options: XS, S, M, L, XL (default)Choose smaller sizes for secondary sections and larger sizes for primary homepage features.

​
Button settings

Text displayed on the section button. Default is “View all”.
Leave empty to hide the button completely if not needed.
Visual styling of the button.Available options:
  • Filled - Solid background (default, highest emphasis)
  • Outlined - Border with transparent background
  • Text link - Minimal styling, text only

​
Block settings

Each collection block defines a product source and configuration.

​
Products (Manual selection)

Manually select up to 12 specific products to display.
Best for:
  • Curated product sets for campaigns
  • Specific product combinations (e.g., outfit bundles)
  • Promotional displays with hand-picked items
  • Temporary seasonal showcases
Manual selections require updating when products change. Collection selections update automatically.

​
Collection

Select a Shopify collection to automatically display its products.
When a collection is selected, it overrides any manual product selections.Collection benefits:
  • Automatically updates when collection contents change
  • Respects collection sorting rules
  • Easier to maintain long-term
  • Scales with inventory changes
When to use collections:
  • New arrivals sections (auto-updated)
  • Bestsellers (dynamic sorting)
  • Seasonal categories
  • Standard collection preview sections
Product source configuration

​
Best practices

Use collections

Prefer collection selection over manual picks for automatic updates and easier long-term maintenance.

Optimize count

Limit to 8 products or fewer on mobile-heavy stores to reduce scrolling and improve load times.

Clear headings

Use descriptive headings that clarify the product selection (“New This Week” vs. “Featured Products”).

Strategic placement

Place on homepage, collection pages, or landing pages for maximum visibility and engagement.

Consistent styling

Match section color schemes with your overall theme design for visual coherence.

Button clarity

Use action-oriented button text (“Shop Collection”, “View All”) instead of generic labels.

​
Common use cases

Use a “New Arrivals” collection with 8 products. Set layout to 1 (heading left, button right). Enable button linking to the full collection page. This automatically updates as new products are added.
Manually select 8-12 seasonal products. Use layout 2 (centered) for promotional emphasis. Set custom heading like “Summer Essentials 2024”. Use filled button style for maximum visibility.
Select your “Bestsellers” or “Popular” collection. Set to 8 products with layout 1. Leave heading empty to use collection name. This creates a dynamic display that updates based on sales data.
On a landing page, use collection block to preview a category. Set to 4-6 products with compact layout. Add button linking to full collection for deeper browsing.
Manually select upcoming products. Enable “Show unavailable products” to display pre-order or coming soon items. Use custom heading explaining launch date or availability.

Featured collections

Display multiple collections in grid or carousel format

Product recommendations

Show AI-powered product recommendations