Collection Page Sidebar on the eComm Performance Theme

Collection Page Sidebar on the eComm Performance Theme

Supported Versions: The details shared in this article apply to the most updated version of eComm Performance. 


 

Using the Collection Page Sidebar

eComm Performance's Collection pages has the ability to display a 'sidebar' on the collection page. This feature includes filters and lists that can help your customers fine-tune what they are looking for. This feature also allows you to showcase other content that you would like visitors to see while on the Collection page. 
eComm Performance's Collection page sidebar is composed by adding content blocks in your theme editor. The 'sidebar' includes various options to add, including collection list, menu, content page, recently viewed products, tag filter, tag list, text area, type list, and vendor list.

You also have the option to toggle the sidebar content. What this would allow you to do is to have the content blocks hidden (by default) or to keep them expanded all the time.
To setup the Collection Page Sidebar, you go into Customize (your Theme Editor) > selection 'Collection Pages' in the drop-down page selector. Under Sections > Collection > scroll to Sidebar > Add Content.
 

Collection Page Sidebar Settings

The Collection Page Sidebar settings are where you arrange which of the content blocks you'd like to include on your sidebar.


 

Toggle Tidebar Content

There is the option to have your sidebar content hidden by default. This would mean that customers would have to click a 'drop-down' arrow to view the content blocks. If you don't have this setting enabled, all of your sidebar content will be expanded for customers to see by default.

Collection List

If you decide to add the 'collection list' content block, it will display all of your collections in the sidebar. This option would be beneficial to display if you want your customers to access your other collections while they're shopping or if you have only a few collections and they're all related.

 
The 'menu' option is useful if you'd like to display a list of sub-collections or other links in general. Since you have the ability to create 'drop-down menus' in your Navigation area, they would display as 'drop-down menus' if you were to add them to the sidebar.

 

Page

If you wanted to display other page content you have created in your sidebar, you could add a 'page' content block.

Recently Viewed Products

You can also add the 'recently viewed products' block to the sidebar, which is a great way to remind customers of items that they have looked at before as they go through your shop.

Tag filter

If your products include tags, you can add the 'tag filter' as an option on your sidebar. The 'tags' that you have must be separated with commas in the content block and displayed exactly how you have them on their product admin page.

If a customer clicks on any one of the tags, the collection will filter to display the products containing the tag the customer selected. All other tags will be hidden, and customers will have the option to click 'clear,' which will allow them to view all tags associated with that collection again.

If you have colors as tags, you have the ability to enable color swatches by checking off the 'display color swatches' setting.
If you've added colors as tags, you can enable the corresponding color swatches as well by checking off the 'display color swatches' setting.


Tag List

If you want to add the 'tag list' content block, it will display all of your tags you've created in your sidebar.

Text

If you want your customers to be aware of any additional content while on the Collection pages, you can add a 'text' content block to your sidebar.

Type List

If you have different 'product types' through your product pages, you can add the 'type list' content block to your sidebar if you want to feature them as a list to your customers.

Vendor List

You also have the option to add a 'vendors' section to your sidebar if you have any added through your product admin pages. All you have to do is select 'vendor list' to add them to your sidebar and display them as a list.

Examples

Here's how we set up the 'Collection Page Sidebar' in our demo shops for eComm Performance!


1. Collections content block
2. Tag List content block
3. Recently Viewed Products content block 
4. Vendor List content block

Mobile layout

If a customer views the site on a mobile device, each content block you have selected in the 'sidebar' will turn into a drop-down menu.


    • Related Articles

    • Product Page Template in the eCommerce Performance Theme

      Supported Versions: The details shared in this article apply to the updated version of eComm Performance.  Product Page Template  The eComm Performance theme includes a default 'Product' template, which is assigned when you start adding products to ...
    • Facebook Pixel Event Tracking and the SSD Theme

      Tracking Sales (conversions) using the Facebook Pixel works in all versions of the SSD theme if you follow these steps from Shopify. Compatibility Notes In situations where your marketing strategy requires detailed page visit tracking we would ...
    • Using the Page Section on the eComm Performance Theme

      Supported Versions: The details shared in this article apply to the updated version of eComm Performance. Using the Page Section The eComm Performance theme includes a 'Page' homepage section that has multiple uses. This section allows you to create ...
    • Pagination Options in the eComm Performance Theme

      Supported Versions: The details shared in this article apply to the updated version of eComm Performance. Our eComm Performance theme has three 'pagination types' to choose from both for your Collection and Search Results pages. These three pages ...
    • Recommended Products in the eComm Performance Theme

      Supported Versions: The details shared in this article apply to the updated version of eComm Performance. Adding Recommended Products You have the option to enable Recommended Products on all product pages in the eComm Performance theme.  Shopify has ...