Put Your Best Products Front and Center
Feature popular, new, or seasonal products on your homepage to help shoppers discover items worth exploring.
Create a polished product display with flexible layouts, responsive cards, sliders, badges, pricing, buttons, and simple design controls.
Choose any Shopify collection and display its products in the section.
Set separate product columns for desktop and mobile.
Turn the product grid into a smooth, easy-to-browse slider.
Adjust image height and show a second product image on hover.
Display titles, vendors, prices, compare-at prices, and View Product buttons.
Add custom sale badges or show calculated product savings.
Adjust alignment, spacing, colors, typography, and borders.
Customize the section directly from the Shopify theme editor without code.
Control the products, layout, cards, buttons, and section styling from the theme editor.
Applies to the whole section
Main heading displayed above the products.
HeadingSupporting text displayed below the heading.
ContentChoose the Shopify collection to display.
CollectionSet the maximum number of products to show.
Maximum Products to ShowSet the number of product columns on the desktop.
DesktopSet the number of product columns on mobile.
MobileTurn the product slider on or off.
Enable SliderAutomatically move products in the slider.
AutoplayShow a button linking to the full collection.
Enable View AllMake the section span the full available width.
Full WidthSet the maximum section width.
Width (in px)Set the section background, heading, and content colors.
Background / Heading / Content ColorApplies to each product card
Set the product image height.
Media HeightShow the second product image on hover.
Show Second Image on HoverShow the View Product button.
Show View Product ButtonShow a product or sale badge.
Enable TagSet the text shown on the badge.
Sale Tag ContentCustomize the card border, background, title, and price colors.
Border / Background / Title / Price ColorCustomize the button background, text, and border colors.
Background / Text / Border ColorUse Featured Collection wherever you want to highlight selected products, from bestsellers on the homepage to related items on product pages.
Feature popular, new, or seasonal products on your homepage to help shoppers discover items worth exploring.
Highlight selected products, bestsellers, or promotions within a collection page without taking shoppers away from their current browsing.
Display related or complementary products to help shoppers discover more items while viewing a product.
Use a curated collection for launches, promotions, or seasonal campaigns and give visitors a simple way to explore featured products.
Show selected products in a flexible layout that helps shoppers discover more while giving you control over how your products are presented.
Create product showcases that work across devices and make it easy to highlight the products that matter most.
Yes. Select any Shopify collection from the theme editor and display its products in the Featured Collection section.
Yes. Set the maximum number of products displayed, from 2 to 25.
Yes. Enable slider mode and use options such as autoplay, loop, arrows, and dots.
Yes. Set the product columns separately for desktop and mobile layouts.
Yes. Enable the second image option to show another product image when shoppers hover over the card.
Yes. Product cards can display details such as the title, vendor, price, compare-at price, and View Product button.
Yes. Enable the View All button to give shoppers a direct link to the complete collection.
Yes. You can enable the product tag and add your own badge text to highlight offers or other product information.
Yes. The layout adapts to different screen sizes, with separate mobile column settings for a better browsing experience.
For Support or any Questions Email Us: [email protected]
Install SectionHub and add the Featured Collection section to your theme in minutes - no coding required.