Collection Template

How to create Collection template?

Follow instruction below:

1 - Click to Collection template > Add new collection template

2 - You can start with blank layout or layouts available in our library

• When edit template you can see whole collection layouts and collection sections in our library

3 - Config Layout

3.1 - Section settings

3.1.1 - Background color

3.1.2 - Background gradient colors

Background overlay & gradient You can make background overlay by set only the first color with rgba color (alpha < 1)

3.1.3 - Background image

3.1.4 - Advanced

- Section ID (Use for Connective Button)

- Margin Padding

3.2 - Editing

3.2.1 - General

• Select collection

• Number of item to show

• Show 2 items in mobile:

• Show product title:

• Product image size

Remember, you have to follow available syntax for displaying.

• Promo label

• Use rating

• Banner content

3.2.2 - Sidebar component

• Style sidebar

• Collection

  • Component title and Select Menu

This Menu take from Shopify navigation

• Color

  • Component title and Filter values

    Learn more How to set color here

• Item width

• Size

  • Component title and Filter values

    Enter your tag here, Example: S,M,L,XL

When you click to S, M, L, 42, 34, 25,... it will filter product. You have to set tag for product first.

• Item width

• Brand

Remember set tag for product

• Feature products

• Banner sidebar

3.2.3 - Change text

Use for changing text in Title features: You can change size, color, style, background, etc...

4 - Set default

Collection template only active when you set template as template default for all collection or as template with assigned.

4.1 - Layout for all collections

4.2 - Layout for each collection