Tabs Plugin

jQuery tabs for use in the Squarespace CMS.

Usage

1. Copy the tabs.list and tabs.conf files to your collections folder
2. Copy the tabs.less to your style folder
3. Copy the jquery-3-1-1-min.js and custom.js to your scripts folder

• If your scripts folder already contains a custom.js, simply copy the code to that file

4. Add the code from the site.region file to your site's footer, under the main site script call
5. Add the tabs.less, tabs collection and customTypes array to your template.conf as shown in the template.conf file

Preview

Optional Usage

To use full width tabs with an underlined heading instead of an image

1. Copy the tabs-underline.list and tabs-underline.conf files to your collections folder
2. Copy the tabs-underline.less to your style folder
3. Copy the jquery-3-1-1-min.js and custom.js to your scripts folder

• If your scripts folder already contains a custom.js, simply copy the code to that file

4. Add the code from the site.region file to your site's footer, under the main site script call
5. Add the tabs-underline.less, tabs-underline collection and customTypes array to your template.conf as shown in the tmeplate.conf file

• The tab header image option will have no effect on the underlined tabs navigation

Preview

Issues

Please report any issues with this plugin using the issues tab.

Legal

This plugin requires the use of Squarespace Developer Mode and is subject to their Developer Terms of Use.