🌠Slider Addon

To install the addon simply copy the code from the downloaded file and override the file in the template files.

Base code

<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 can I set the default tab?

You need to add the class toggled-zone to the tab that you want to be active by default.

Last updated