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.


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.