A shopify section to create your own interactive tabs.
Shopitabs is a shopify section that allows merchants to add toggleable tabs to their webpages.
The tabs are evenly spaced depending on how many are created. On smaller displays, the tabs are reorganized vertically.
Shopitabs was designed to be extremely customizable. It was also designed to be simple to get up-and-running - just follow the instructions below to have some sweet tabs on your storefront today!
To get:
-
1
Add the
.liquid
file to your Sections folder. -
2
Add the
.js
file to you Assets folder. -
3
Link the javascript file to your website by adding this line of code to your
theme.liquid
file, just above the closingbody
tag:<script src="{{ 'shopitabs.js' | asset_url }}"></script>
-
4
Tabs can now be selected and customized in the section manager under 'TEXT'.
If you would like to add the tabs system to a page other than the landing page, you will have to go into that page's template file and add the section via the liquid notation:{% section 'tabs' %}
View project on Github:
(Going open-source soon)