Modify the Sidebar

To choose the collection page layout, please go to Theme Settings > General Settings > Collection pages.

TABLE OF CONTENTS

• 1 - Settings
• 2 - Content
  • Filter group
  • Category
  • Banner
  • [+] Heading & Subheading
  • [+] Button

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.