Slider Addon
⚠️
To install the addon simply copy the code from the downloaded file and override the file in the template files.
Copy the html and paste it in product description
Make sure you toggled code view in the product description. After you finished editing code click back to exit the code view.
<div class="triplezone__package--slider">
<div class="tab-zone tab--global toggled-zone">
<p class="tab__id">global</p>
<p class="title-of-tab">This is Global Content</p>
<div class="options">
<ul>
<li>
<p>Test</p>
</li>
</ul>
</div>
</div>
<div class="tab-zone tab--factions">
<p class="tab__id">factions</p>
<p class="title-of-tab">This is Factions Content</p>
<div class="options">
<ul>
<li>
<p>Test 2</p>
</li>
</ul>
</div>
</div>
</div>
🚫
Make sure that tab__id and the class above are identical.
How to set the default tab
You need to add the class toggled-zone to the tab that you want to be active by default.