# Collection with product

This guide describes setting up your store’s Collection with product section. Use the section to feature a product and a collection on an artist’s page. For example, on a artist page, a store might feature the artist’s latest music release, and a collection of other products by the same artist.

In the following video, a collection with product section is displayed on a store’s artist page. In the section’s settings menu, a featured collection is selected and then displayed on the artist page.

For general guidance with modifying sections, refer to Sections overview.

# Set up a collection with product section

To set up a collection with product section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a collection with product section. For example, select Pages > Artist.

    Note

    The section is available only on Pages > Artist pages.

  2. From the side menu, select Collection with product.

    The collection with product section selected in Theme editor
  3. Select a section setting described in the following table.

Section setting name Description
Feature product > Heading In the Heading box, enter text to display as a title for the featured product, inside the section.
Feature product > Dynamic source To display title text from a dynamic field, like product Title or Vendor, select the Insert dynamic source icon, beside the Heading box, and then choose a metafield to add. Refer to Shopify help: Metafields (opens new window).
Feature product > Featured product Use the following Product menu options to set up a featured product inside the section.
  • To add a product, choose Select product, and then select a product from your store. Then, choose Select.
  • To create a product, follow the Create product link to create and add a new product. Select the newly added product, and then choose Select.
  • To replace a product, choose Change > Change product, and then select or create a product.
  • To remove a product, select Change > Remove product.
Layout Select the Layout dropdown to set the featured product to use the Full width of the section, or a Narrow part of the section’s area.
Media > Learn more about media types Follow the link Learn more about media types to open the webpage Shopify help: Product media (opens new window).
Media > Enable video looping Select the checkbox Enable video looping to turn on/ off continuous replay for the video inside the section. If this setting is set to off, the video plays once. Using this setting requires uploading video media for the featured product to the Products area of your shopify admin. Refer to Shopify help: Product media (opens new window).
Featured collection > Show featured collection Select the checkbox Show featured collection to show/ hide the featured collection inside the section.
Featured collection > Heading In the Heading box, enter text to display as a title for the featured collection, inside the section.
Feature collection > Dynamic source icon To display collection title text from a dynamic field, like product Title or Vendor, select the Insert dynamic source icon, beside the Heading box, and then choose a metafield to add. Refer to Shopify help: Metafields (opens new window).
Featured collection > Collection Use the following Collection menu options to set up a featured collection inside the section.
  • To add a collection, choose Select collection, and then select a collection from your store. Then, choose Select.
  • To create a collection, follow the Create collection link to create and add a new collection. Select the newly added collection, and then choose Select.
  • To replace a collection, choose Change > Change collection, and then select or create a collection.
  • To remove a collection, select Change > Remove collection.
If the featured collection contains the section’s featured product, the featured product is not displayed inside the section’s featured collection area.
Featured collection > Number of products Select the slider Number of products to set the number of products to display from the featured collection, inside the section. The minimum slider value is 2, and the maximum is 18.
Featured collection > Products per row - desktop Use the dropdown Products per row - desktop to set the number of products to display from the featured collection, in each row, inside the section. The options are 2, 3, 4 and 5. This setting applies to desktop display devices.
Products > Products per row - mobile Use the dropdown Products per row - mobile to set the number of products to display from the featured collection, in each row, inside the section. The options are 1 and 2. This setting applies to mobile display devices.
Theme settings Select Theme settings to access additional settings for the section. Refer to Section theme settings menu.