Chord Warm Template Case - Collection

Overview

Collection pages display your products in a grid, along with additional controls for sorting, filtering, and more.

Guidelines

Customize section

Steps:
  1. From your Shopify admin, go to Online Store > Themes.
  2. Find chord theme that you want to edit, and then click Customize.
  3. You need to open up any product, from inside the theme editor area, or select the collection page from the dropdown at the top.
Note:All settings here will be applied to all collections, not just the one you are on. If you are looking to have different sections on different collections.

Section settings

By default, collection pages have a Collection header section, and a Collection products section.

Collection header section

Setting Value
Section width Full width
Section height Small

Collection products section

Setting Value
Section width Full width

Blocks

The Collection products section contains the following 4 blocks:

  • Product grid block
  • Aside block
  • Text banner block

Text banner block

Setting Value
Heading 10% off everything!
Heading size Small
Content Get access to free shipping over $60, free returns, and exclusive offers. Offer valid on first purchase as a member only.
Heading color 1C1B1B
Content color 1C1B1B
Background color F1EBDF

Aside block

Setting Value
Quick links Select a links

Product grid block

Setting Description
TOOLBAR  
Enable filtering Checked
Show filter color swatch Checked
Enable sorting Checked
Number of filters on desktop 6
GRID  
Products per page 20
Number of columns on desktop 5
Number of columns on mobile 2
PRODUCT CARD  
Show product info Checked
Show product rating Checked
Show swatch Checked
Show vendor Unchecked

Recently viewed