To choose the collection page layout, please go to Theme Settings > General Settings > Collection pages.
TABLE OF CONTENTS
1 - Settings
- Column Grid layout: Adjust the section's width for the sidebar and the main content area. Insert the values from left to right.
- Column Grid spacing: To add spacing between two sections.
- Sidebar settings
- Section padding: Add padding around the sidebar.
On the mobile version, sidebar is placed inside the Filter option.
2 - Content
Filter group
To add a filter, click Add content > create a Filter group ticket.
- Heading: Block heading.
- Tags: Filter runs based on tags, you need to modify the products first to make your filter work. Read this post for more details.
- Write down in the text box all needed tags selection (must be available tags).
- Direction: Whether your tags show up vertically or horizontally.
- Displaying style:
- Checkbox
- Color: Especially made for color filter with color circles. It will be blank if the tags above don't match with the color code in the Theme config settings.
- Button
- Max height: Main content (scroll-down) section max height. Only affect when the chosen Direction is Vertical.
- Block margin: Add margin for the current block.
Category
To add a menu on the sidebar, click Add content > create a Category ticket.
- Inserting a menu by clicking on the Select menu button. You can choose an available menu or create a new one.
- Category's heading: Default heading is the menu's title.
- Block margin: Adjust margin for the current block.
Banner
To add an image banner, click Add content > create a Banner ticket.
- Insert an available image or upload a new one.
- Block margin: Adjust margin for the current block.
- Banner content
- You can insert Heading & Subheading for the banner and create a button by giving it a label then link to another page.
- Button style can be changed by dragging the bar below. To change the preset, please go to Theme settings tab.
- Modify the text alignment to fit better on the banner with 03 options: Left/ Center/ Right.
Note: The [+] tickets are used to adjust the content in the banner. Place it down below the ticket you want to make changes.
[+] Heading & Subheading
To modify the Heading & Subheading on the banner image, click Add content > create a [+] Heading & Subheading ticket.
The elements which can be set are:
- Font size & font weight
- Text color
- Margin
- Line height
[+] Button
To modify the button on the banner image, click Add content > create a [+] Button ticket.
The elements which can be set are:
- Font size & Font weight
- Padding
- Margin
- Text & background color
- Border width & border color
- Rounded corners
How to insert values for your theme.