Featured Collection Section Showcase Your Best Products in Style

Highlight selected products with a clean collection layout, flexible cards, slider controls, product details, badges, and responsive settings for your Shopify store.

  • check-icon 2.0 Compatible
  • check-icon Product Showcase
  • check-icon No Coding Needed
Bestsellers slide
New Arrivals slide
Seasonal Picks slide
Bestsellers slide
New Arrivals slide
Seasonal Picks slide
vector
vector

Key Features: Everything You Need for a Better Product Showcase

Create a polished product display with flexible layouts, responsive cards, sliders, badges, pricing, buttons, and simple design controls.

Flexible Product Collection

Flexible Product Collection

Choose any Shopify collection and display its products in the section.

Responsive Product Grid

Responsive Product Grid

Set separate product columns for desktop and mobile.

Product Slider

Product Slider

Turn the product grid into a smooth, easy-to-browse slider.

Custom Product Images

Custom Product Images

Adjust image height and show a second product image on hover.

Product Details

Product Details

Display titles, vendors, prices, compare-at prices, and View Product buttons.

Sale & Product Badges

Sale & Product Badges

Add custom sale badges or show calculated product savings.

Customizable Product Cards

Customizable Product Cards

Adjust alignment, spacing, colors, typography, and borders.

Easy Theme Editor Controls

Easy Theme Editor Controls

Customize the section directly from the Shopify theme editor without code.

Featured Collection Settings & Options

Control the products, layout, cards, buttons, and section styling from the theme editor.

Section Settings

Section Settings

Applies to the whole section

Main heading displayed above the products.

Heading

Supporting text displayed below the heading.

Content

Choose the Shopify collection to display.

Collection

Set the maximum number of products to show.

Maximum Products to Show

Set the number of product columns on the desktop.

Desktop

Set the number of product columns on mobile.

Mobile

Turn the product slider on or off.

Enable Slider

Automatically move products in the slider.

Autoplay

Show a button linking to the full collection.

Enable View All

Make the section span the full available width.

Full Width

Set the maximum section width.

Width (in px)

Set the section background, heading, and content colors.

Background / Heading / Content Color
Block Settings

Block Settings

Applies to each product card

Set the product image height.

Media Height

Show the second product image on hover.

Show Second Image on Hover

Show the View Product button.

Show View Product Button

Show a product or sale badge.

Enable Tag

Set the text shown on the badge.

Sale Tag Content

Customize the card border, background, title, and price colors.

Border / Background / Title / Price Color

Customize the button background, text, and border colors.

Background / Text / Border Color

Where This Section Can Be Used

Use Featured Collection wherever you want to highlight selected products, from bestsellers on the homepage to related items on product pages.

  • Home Page
  • Collection Page
  • Product Page
  • Landing Page
Home Page

Put Your Best Products Front and Center

Feature popular, new, or seasonal products on your homepage to help shoppers discover items worth exploring.

check-iconHighlight important products

check-iconFeature bestsellers

check-iconSupport seasonal promotions

check-iconImprove product discovery

Collection Page

Give Your Collection More Focus

Highlight selected products, bestsellers, or promotions within a collection page without taking shoppers away from their current browsing.

check-iconHighlight selected products

check-iconFeature promotions

check-iconSupport cross-selling

check-iconAdd visual variety

Product Page

Show Products Customers May Also Like

Display related or complementary products to help shoppers discover more items while viewing a product.

check-iconShow related products

check-iconEncourage additional purchases

check-iconHighlight complementary items

check-iconExtend product discovery

Landing Page

Create a Focused Product Showcase

Use a curated collection for launches, promotions, or seasonal campaigns and give visitors a simple way to explore featured products.

check-iconSupport campaign merchandising

check-iconHighlight selected products

check-iconCreate focused shopping experiences

check-iconStrengthen promotional pages

Built for Better Product Discovery

Show selected products in a flexible layout that helps shoppers discover more while giving you control over how your products are presented.

Featured Collection section

Why Choose Featured Collection

Create product showcases that work across devices and make it easy to highlight the products that matter most.

check-iconShowcase products clearly

check-iconHighlight bestsellers and new arrivals

check-iconImprove product discovery

check-iconCreate responsive layouts

check-iconSupport seasonal merchandising

check-iconEncourage further browsing

check-iconMatch your store branding

Do this, skip that.

DO

  • do Feature relevant products
  • do Use clear product images
  • do Keep titles easy to scan
  • do Highlight seasonal items
  • do Keep card designs consistent

DON'T

  • don't Feature unrelated products
  • don't Use blurry images
  • don't Use very long titles
  • don't Show too many products
  • don't Mix inconsistent image styles

Frequently Asked Questions

Can I choose which collection to display?

Yes. Select any Shopify collection from the theme editor and display its products in the Featured Collection section.

Can I control how many products are shown?

Yes. Set the maximum number of products displayed, from 2 to 25.

Can I display the products as a slider?

Yes. Enable slider mode and use options such as autoplay, loop, arrows, and dots.

Can I choose the number of product columns?

Yes. Set the product columns separately for desktop and mobile layouts.

Can I show a second product image on hover?

Yes. Enable the second image option to show another product image when shoppers hover over the card.

Can I show product prices and other details?

Yes. Product cards can display details such as the title, vendor, price, compare-at price, and View Product button.

Can I add a View All button?

Yes. Enable the View All button to give shoppers a direct link to the complete collection.

Can I add sale or product badges?

Yes. You can enable the product tag and add your own badge text to highlight offers or other product information.

Is the Featured Collection section mobile responsive?

Yes. The layout adapts to different screen sizes, with separate mobile column settings for a better browsing experience.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Showcase Your Best Products in Style

Install SectionHub and add the Featured Collection section to your theme in minutes - no coding required.