Featured collection slider

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

In the editor side panel, click (+) Add section and select Featured collection slider. Use the drag handles ⋮⋮ to re-order sections.

Click the section to edit general section styles, like colors, width, padding, and the section header.

Editing templates change all pages that use that template. For unique pages, use new templates or dynamic metafields

Section style guides

Section header

Section colors

Section width

Padding and divider

---

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.

STEPS

In your theme editor (Customize):

1. Under the section, click on a Collection block to open the settings.

   Click (+) Add block to create new row items.

   Click Remove block or the eye icon to delete or hide a block.

2. Use the Select collection button find the collection you want to feature.

   We recommend collections with at least 3 products.

3. Enter the Collection name that displays as a link that customers can click to switch between collections in the section.

4. For the Manual product list block, use the Select products button and check off all the products you want to display.

5. Click Save.

_{Click blocks to find settings}

Setting	Description
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.

Collection tabs layout

Tab layout options were added in v5.2.0. View the changelog or learn how to update your theme.

Display collection tabs as multiple "Rows" or in a single row "Slider" on mobile devices.

Slider

Rows

_{Click section to find settings}

Setting	Description
Mobile layout	Select Rows or Slider for collection list tabs at the top of the section.

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.

STEPS

In your theme editor (Customize):

1. Click on the Featured collection slider and scroll down to the Product list settings.

2. Use the slider to set the Maximum number of products to display from your collection. Between 3 and 15.

   The products will display in the sort order as set in your Shopify admin settings. Learn more about admin settings for your collection pages layout.

3. Select the Number of columns to display for both desktop and mobile.

   The size of the product images will change according to the number of columns.

4. Click on the Theme settings tab to select an Image aspect ratio. This setting applies to all sections that display products.

   Crop all images to Square, Landscape, or Portrait. The default Natural setting will display the original orientation of each image.

   
5. Click Save.

_{Click section to find settings}

Setting	Description
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.

---

Related links

Featured collection grid Product listing settings Collection pages Shopify collections guide