Collection list

Show off the best Collections on your store.

What is the collection list section?

The collection list section provides the opportunity to promote specific collections on many areas of your store. It can be a very useful tool to showcase the variety of collections that are available to potential customers.  It can be used to aid product discovery and may help to drive additional sales.

How to create a collection list section

Steps

  1. Open the Theme editor
  2. Add a Collection list section.
  3. Click on Collection list to configure the Section header, Layout and Style settings for the section, such as the Card size, Color scheme and Grid or Carousel layout.
  4. Click on one of the existing blocks, click on Select collection and choose which collection to be shown. Click Select. The Collection blocks will align to the left of the page.
  5. Repeat this process until all the required collections have been added.
  6. Click Save.
  7. Refer to Theme Settings > Collection cards to browse other settings that are available to manage card layout and content, such as Image aspect ratio, Image fit and Text alignment.

How to create custom labels on collection cards

Custom labels can be shown on collection cards in versions after 1.6.0.

Note

This is a more complex feature that require a base level understanding of how metafields work. For support on metafields, refer to Shopify Metafields guide.

Steps

  1. Open the Theme Editor.
  2. Ensure that a Collection list section is present and that the blocks below it have been assigned to a collection.
  3. Go to Theme settings > Collection cards > Labels and choose a Label color. This will be the default label color used unless a specific collection label color metafield is created.
  4. In the Shopify admin area, create a 'Single line text' type Collection metafield with the namespace and key 'theme.label'
  5. In the Shopify admin area, go to Products > Collections and find the collection that requires a label.
  6. Scroll down to the Metafields section and insert the required text in to the Label field.
  7. Hit Save
  8. Go back to the Theme editor and the new label should be now be attached to the required collection list section block.
  9. If different collections require different label colors, in the Shopify admin area, create a Collection metafield with one value of type 'Color' using the namespace and key 'theme.label_color' Custom-label-color.png
  10. In the Shopify admin area, go to Products > Collections and find the collection that requires a different colored label. In the Metafields section, choose the required color in the Label color field. 
  11. Hit Save
  12. Go back to the Theme editor and the new collection label should be now be the color chosen in the metafield.
Bring your business ideas to life with Shopify

Can't find what you're looking for?

Our support staff are here to answer your queries, so don't hesitate to write to us!

Contact us