The details shared here apply to the most recent version of Turbo. To keep your theme up to date, check out this helpful document.
In This Article
Using the Collection Page Sidebar
Turbo's Collection pages come with the ability to display a 'sidebar' on the collection page. The 'sidebar' includes filters and lists to help your customers narrow down what they're looking for, and also gives you the option to input other content that you'd like users to see while on the Collection page!
Turbo's Collection page sidebar is configured by adding content blocks in the theme editor. The 'sidebar' includes options to add a collection list, menu, content page, recently viewed products, tag filter, tag list, text area, type list, and vendor list.
You can also choose to toggle the sidebar content to have the content blocks hidden by default, or keep them expanded at all times.
In order to setup the Collection Page Sidebar, head into Customize (your Theme Editor) > choose 'Collection Pages' in the drop-down page selector. Under Sections > Collection > scroll down to Sidebar > Add Content.
Collection Page Sidebar Settings
The Collection Page Sidebar settings are where you configure which content blocks you'd like your sidebar to include.
Toggle sidebar content
You can choose to have your sidebar content hidden by default, where customers would click a 'drop-down' arrow in order to expand and view the content blocks. If you do not enable this setting, all of your sidebar content will be expanded by default.
If you add the 'collection list' content block, it will display a list of all of your collections in the sidebar. This can be a good option to display if you want your customers to be able to access other collections while they're browsing, or if you have only a few collections and they're all related!
Using the 'menu' option comes in handy if you'd like to display a list of sub-collections or other quick links in general. Since you can create 'drop-down menus' in your Navigation area, they would also display as 'drop-down menus' if added to the sidebar.
If you'd like to display other page content you've created in the sidebar, you can add a 'page' content block.
Recently viewed products
Adding the 'recently viewed products' block to the sidebar is the perfect way to remind your customers items that they've previously taken a look at as they navigate through your shop.
If you've added tags to your products, you can add the 'tag filter' (also known as the 'multi tag filter') as an option to your sidebar. The 'tags' must be entered in the content block comma separated, and exactly how your have them in your product admin page.
When a customer clicks on one of the tags, the collection will get filtered to only display products that contain the selected tag. All other tags in that collection will be hidden and a 'clear' link will appear. Clicking this will clear the filter and go back to showing all tags associated with that collection.
If you've added colors as tags, you can enable the corresponding color swatches as well by checking off the 'display color swatches' setting.
If you add the 'tag list' content block, it will display a list of all of your tags in the sidebar.
You can add a 'text' content block to your sidebar if you'd like to input any additional text/content for your customers to see while on the Collection pages!
If you have 'product types' added through your product admin pages, you could add the 'type list' content block to your sidebar if you'd like to display them as a list.
If you have 'vendors' added through your product admin pages, you could add the 'vendor list' content block to your sidebar if you'd like to display them as a list.
Here's how we set up the 'Collection Page Sidebar' in our demo shops for Turbo!
Sidebar Content Blocks
1. Text content block
2. Tag Filter content block
3. Tag Filter content block, display color swatches - enabled
4. Tag Filter content block
5. Recently Viewed Products content block
Sidebar Content Blocks
1. Tag Filter content block
2. Text content block
When viewed on a mobile device, each content block in the 'sidebar' will turn into a drop-down menu