Product list#

Show selected products or collections with optional collection tabs.

Add this section#

Select Add section > Product list on the template you want to edit.

Settings#

The settings below follow the same order as the theme editor.

General settings#

• Heading: Enter the text to show.

• Text: Enter and format the text.

Products#

• Show: Choose A collection or Products you pick. Add Tab blocks to switch between several collections instead.

• Collection: Choose a collection. Used when Show is A collection.

• Products: Choose one or more products. Used when Show is Products you pick. Connect it to a blog post metafield to show the gear used in each post.

• Products to show: Use the slider from 2 to 24.

• Show "View all" link: Turn this on or off. For a collection.

• View all label: Enter the text to show.

Layout#

• Layout: Choose Grid or Carousel.

• Columns: Use the slider from 2 to 5.

• Color scheme: Choose a color scheme from Theme settings > Colors.

Section padding#

• Top padding: Use the slider from 0 to 160 px.

• Bottom padding: Use the slider from 0 to 160 px.

Mobile layout#

• Layout: Choose Carousel or Grid.

• Columns: Choose 1 or 2.

• Top padding: Use the slider from 0 to 120 px.

• Bottom padding: Use the slider from 0 to 120 px.

Blocks#

Collection tab#

General settings#

• Collection: Choose a collection.

• Label: Enter the text to show. Leave empty to use the collection's title.

Tips#

• Add your real content before fine-tuning spacing and colors.
• Check the section at both computer and phone widths. Use Mobile layout for the phone-specific choices.