Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Sidebar Collection

Alfred

Written by Alfred

Last updated

359 views

On this page


In Theme Customize, go to Collection page > Sidebar Collection option to configure it in the Collection Page.

11.webp

1. Sidebar content

The Sidebar Collection option has a total of 10 blocks for you to add to the sidebar:

  • Categories

  • Filter

  • Featured Products

  • Image

  • Shipping Delivery

  • Gallery

  • Instagram feed

  • HTML

  • Text

  • Social

With Image, HTML, and Text block, you can add more than 1 time to the collection sidebar. You can refer to this video to know more:

When you click on each block, it will show the settings sidebar (of each block). With the Instagram feed block, you need to connect your Instagram account via access token or using a 3rd party app here. Otherwise, the Instagram images will not show on the Collection sidebar.

2. Sidebar position

You can change the position of the sidebar which can be left or right with the drag handle. Similarly, you also have the ability to arrange the position of blocks through drag and drop.

3. Sidebar settings

  • Enable layout drawer: Tick on this checkbox to enable the drawer layout.

sidebar.gif
  • Bottom space: change the spacing between blocks

12.webp

Some configurations of the options below only work when disabling the layout drawer:

  • Sidebar size: Configure the size for the collection sidebar here.

  • Border style: Choose a style for Sidebar's border here. We have 3 border styles for you to select.

  • Border color: Set color for Sidebar's border here.

2 options below only work when you enable border for sidebar:

  • Border radius/ Padding inner: Set border-radius & padding inner for the collection sidebar.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.