Collection sidebar
In this article, you will find how to configure the sidebar in the collection pages.
Last updated
In this article, you will find how to configure the sidebar in the collection pages.
Last updated
Check the Enable sidebar checkbox to enable the sidebar in the collection pages.
You can align the sidebar alignment to the left or the right of the page.
Click the Add content button to add content into the sidebar.
Click Add content button and add a Links block. There is only 1 links block you can add to the sidebar.‌
In the Links block setting, input the title and select the links target.‌
There are 2 types of target you can select for the link.‌
All collections: if you select this option, the links list block will show all collections in your store.
Links list: if you select this option, you must be select a Navigation menu for the link list.
‌For example, in our demo store, we create a categories menu in the Navigation.
After create the categories navigation menu, select it for the links block.
Filter text is used to filter the products in the collection page.
The product filter (in the sidebar) is based on product tags. To make the feature work, you need to add tags to your products.
We offer 5 options for you to show in your site: Color, Size, Price, Brand, and Product Type.
You will need to fill in all of tags for Color, Size, Price, Brand and other filter options at each of filter option on collection sidebar.
For more detail about the shopify product tags, please read the Shopify documentation.
Filter color is based on product tags. You need to add the color tags to your products so that the filter in the collection sidebar can work correctly.
Add the featured collection to the sidebar and select or create a collection for its content. You can also adjust the number of products in the collection displays on the sidebar.
Add a featured product to the sidebar and select or create a product for its content.
Upload image and select link for a banner
Input the font awesome icon and the text for each block.
Please refer the section to find the font awesome icon.
