Featured collection slider
Theme section
The Featured collection slider section displays products from multiple collections as a rotatable carousels. With Quick View enabled, customers can buy your products without leaving the page.
See the Featured collection grid to display your collections in multiple rows with adjustable columns.
Set up section
Add this section to your template and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.
Editing a template changes all pages that use that template. To edit specific pages, you can create new templates or insert dynamic content with metafields
Select featured collection
Select multiple Collections to display their products in a single row that customers can click through. You can also create a Manual product list instead of a collection.
Change product list layout
Change the number of columns and rows, the shape of your product images, and set how many products to display from your collection.
Section content
Add section headings and an optional button that can link to your collection or another page.
Section style
Adjust the overall section style by changing the Padding around the section content, and add an optional Top divider to clearly separate sections.
Settings reference
Click the Collection block to find the following settings.
Select collection
Select a collection to display its products. Collections are created and edited in your Shopify admin.
Show view all link
Display a "View all" card at the end of the list to link to your product collection.
Collection name
Change the link label that customers can click to switch between collections in the section.
Click the Featured collection slider section to find the following settings.
Product list layout
Maximum number of products
Set the maximum number of products to display within in the section: between 3 and 15.
Number of columns on desktop
Choose how many products to show per row on desktop screens: either 3, 4, or 5 columns.
Number of columns on mobile
Choose how many collections to show per row on mobile screens: either 1 or 2 columns.
Section content
Heading
Enter text to display a section title above the collection list.
Subheading
Enter text to display a section subheading below the heading.
Button link
Select or paste a URL for the button.
Button label
Enter text to display a button label. Leave this field blank to remove the button.
Section style
Enable animation
Choose whether to display visual effects when scrolling, hovering, or interacting with the section. See the Animation guide to learn more.
Top divider
Show a solid border above the section to visually separate it from other sections. The Top divider uses the Lines and borders color selected in the theme color settings.
Padding
Add a margin of space around the section to either the Top and bottom, Top only, Bottom only, or set it to None.
Related links
Featured collection grid Product listing settings Collection pages Shopify collections guide ↗
Last updated