Introducing Stiletto - the essential Shopify theme to fuel your ecommerce growth. Learn more.

Featured collection

The Featured collection section displays a grid of products from one of your collections. With Quick shop enabled, customers can add these products directly to their cart.

Featured collection section
Featured collection section

On mobile devices, the featured collection becomes a carousel that customers can swipe through.

Swipeable Featured collection section on mobile

The Featured collection section can be added to any template (except the Checkout). Learn more about sections and templates in our article about how to use the theme editor.

In the theme editor (Customize):

  1. Select a Template to edit from the dropdown menu in the top bar.

  2. In the side panel, click +Add section and select Featured collection.

  3. Change the order of your sections by using the drag and drop handles ⋮⋮

  4. Click on the Featured collection grid section and click Select collection to choose which collection to feature.

    For more information about collections, see Shopify's Collections guide.

  5. Select a Collection from your store's list of collections.

    For more information about collections, see Shopify's Collections guide.

Change the section style and layout

Once you've added a featured collection and your section content, you can customize the overall look of the section.

To enable Quick shop, see our theme settings article.

In the theme editor (Customize):

  1. Click on the Featured collection section to open the section settings.

  2. Change the Heading and Subheading text.

    We recommend a short title of 2 to 3 words.

  3. Add Link text to add a text link to the collection page.

    We recommend a one or two words (e.g. "Shop now").

  4. Use the sliders to set the number of Products per row and number of rows to change the layout.

    On mobile, products are shown in a two-column row that customers can tap through as a carousel.

  5. To make your images a uniform shape and size, select the Image aspect ratio to crop your images to Square, Landscape, or Portrait.

    The default Natural setting will display the original orientation of each image.

    Example of aspect ratio shapes: Square, Landscape, and Portrait
    Example of aspect ratio shapes: Square, Landscape, and Portrait
  6. Remember to click Save.

  7. Change the Heading alignment to Left, Right, or Center.

    This option changes the layout of the section:

    Left, center, and right alignment styles
    Left, center, and right alignment styles
  8. Use the sliders to set the number of Products per row and number of rows to change the layout.

    On mobile, products are shown in a single column carousel that customers can swipe through.

  9. To make your images a uniform shape and size, select the Image aspect ratio to crop your images to Square, Landscape, or Portrait.

    The default Natural setting will display the original orientation of each image.

    Example of aspect ratio shapes: Square, Landscape, and Portrait
    Example of aspect ratio shapes: Square, Landscape, and Portrait
  10. Remember to click Save.

The featured collection section has the following settings:

Configuration Settings

Collection

Select a collection from your store's existing collections.

For more information about collections see Shopify's Collections guide.

Heading text

Change the heading displayed as the title of the section.

We recommend keeping this to just a few words long.

Subheading

Provide a line or two of additional text about the featured collection.

Provide text that should be used as a call to action to view the collection. For example, "Shop now" or "Shop the collection".

Heading alignment

Choose where the position of the heading and subheading within the section. This can be Left, Center or Right.

Products per row

Change the amount of products shown per row. You can choose between 2 and 4 products per row.

On mobile devices the amount of products per row might change. This depends on the screen width of the customer's mobile device.

Rows

Change how many rows of products from the collection should be displayed. Choose between 1 and 3.

Image aspect ratio

Use this setting to automatically crop images to a specific aspect ratio. Choose from Square (1:1), Landscape (3:2), or Portrait (2:3) aspect ratios.

Choose Natural if you do not want your images to be cropped.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.