Smart sidebar

What is the smart sidebar on your website? Does it help your visitors move through your site and access your relevant content faster and easier? We are going to show you how to create and customize a smart sidebar that would help you accomplish your website goals.

Using our theme, you can build and assign different sidebars to different pages or categories. This gives you endless opportunities to add value to your website. The smart sidebar is an affix (sticky) sidebar that comes auto resize function, and it scrolls with the content. It can be enabled sitewide, on all the pages, or it can be enabled on a row in tagDiv Composer (see the end of this article).

Sitewide usage

To Enable the Smart Sidebar, navigate to Theme Panel > Template Settings > Smart Sidebar and activate the button.

smart_sidebar_enable

Note: The following widgets are not supported in the smart sidebar:

  • [tagDiv] Trending now

Note: The smart sidebar reverts to a standard sidebar on iOS (iPad) and mobile devices.

sidebar_scroll

Using the Smart sidebar with tagDiv Composer:

On custom built pages, you have to add the td-ss-row class to the row that contains the sidebar. If you don’t add this class, the sidebar presented on that page will act normally (non-sticky).

Note: This option will only work on a 2/3 + 1/3 column setting.  The smart sidebar will not function in a 3 column layout.

smart sidebar_set