Featured collection

The Featured collection section creates a list of products from one of your collections. You can change the look and feel of the section by changing how many products it displays.

The featured collection section can be used on the following page templates:

  • Home page template

  • Collection pages template

  • Blogs template

  • Blog posts template

You can add a featured collection section to the home page. This section can be displayed before or after any other home page section.

To set up a featured collection:

STEPS
  1. From your Customize theme editor, choose Home page from the pages drop-down menu at the top of the screen.

  2. Scroll down the list of home page settings until you see the Add section button.

  3. Choose Featured collection from the list of sections.

    This opens the Featured collection settings.

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

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

  5. Change the Heading text.

  6. Change the Products per row and the number of Rows displayed.

  7. Choose an Image aspect ratio for all product images.

    This setting auto-crops images to a single aspect ratio, making it easy to quickly add images and make them look uniform.

    Use the Natural option if you don't want images to be auto-cropped.

  8. Return to the list of Home page sections to find your new Featured collection section.

    Use the drag handles to rearrange the order of your Home page sections:

  9. Click Save.

You can add a featured collection to your Collections, Blogs, and Blog posts templates.

To enable a featured collection on these pages:

STEPS
  1. From your Customize theme editor, choose Collections, Blogs, or Blog posts from the pages drop-down menu at the top of the screen.

  2. Scroll down the list of available settings until you find Featured collection. Click on it.

  3. Check the Enable checkbox to enable the featured collection.

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

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

  5. Change the Heading text.

  6. Change the Products per row and the number of Rows displayed.

  7. Choose an Image aspect ratio for all product images.

    This setting auto-crops images to a single aspect ratio, making it easy to quickly add images and make them look uniform.

    Use the Natural option if you don't want images to be auto-cropped.

  8. Click Save.

Settings reference

The featured collection section has the following settings:

Enable

Check this checkbox to enable the featured collection.

Note: This setting is not available when adding a section to the home page. To disable a featured collection from appearing on the home page you need to use the Remove section button from within the section's settings list.

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 above the collection's list of products.

We recommend keeping this to just a few words long.

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 how wide the customer's mobile device screen is.

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.

  • Home page

  • Blogs

  • Blog posts

  • Collection pages