Appearance
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:
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.
From the side menu, select Collection with product.
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. |
| Feature product > Featured product | Use the following Product menu options to set up a featured product inside the section.
|
| 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. |
| 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. |
| 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. |
| Featured collection > Collection | Use the following Collection menu options to set up a featured collection inside the section.
|
| 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. |