Collection Layout

Here is Shopify Official Documentation about Products.

Main Section

  1. Navigate Shopify Admin > Themes > Customize.
  2. Click template dropdown and select Collection pages.
  3. Select Collection Layout tab under sections list.
    Navigate to collection layout settings
Collection page settings
  • Number of products per row: Set how many products to show in one row
  • Number of rows: Set how many rows to show in the grid layout.
  • Product Card Style: Set product card style. Browse card styles here.
  • Show border around product cards: Add border style to product cards
  • Products loading mode: Set product loading mode.

Sidebar Configuration

Collection page sidebar settings

You can add filters and advertisement dynamically and change their position by drag and drop.

  • Filter by tags: Add filter using tags. If block type is checkbox, it shows checkbox lists. If block type is color, it shows circled filter list.
  • Filter by price: Add price filter. Filter automatically gets lowest price and highest price and sets minimum and maximum price.
  • Image with Text: Set advertisement image and text contents.