Collection Layout
Here is Shopify Official Documentation about Products.
Main Section
- Navigate Shopify Admin > Themes > Customize.
- Click template dropdown and select Collection pages.
- Select Collection Layout tab under sections list.
![Collection page settings](/assets/13.collection.layout.main.setting-6ba5a66ca37ef951307035d7390c88ce57c1158276d0ce18d5ee258fd59215a2.png)
- 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](/assets/13.collection.layout.sidebar-18d74e9b5aaf0c4cc76ff086d3167d819779c6464af2a595f5cb55a1f5e7ba27.png)
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.