1. W szablonie graficznym "Handyshop" dostępny jest gotowy układ do wyświetlania klasycznych kart.

Wygląd klasycznych zakładek (Handyshop)
Wygląd klasycznych zakładek


2. Aby go użyć, wstaw następujący kod HTML:

<div class="product-content js-tabs-outer">
    <ul class="tabs js-tabs">
        <li class="js-tab tab" data-tab-content="tab-1">Zakładka 1</li>
        <li class="js-tab tab" data-tab-content="tab-2">Zakładka 2</li>
        <li class="js-tab tab" data-tab-content="tab-3">Zakładka 3</li>
    </ul>
    <div id="tab-1" class="js-tab-content tab-content">
        <div class="product-description">
            <div itemprop="description">
                Zawartość zakładki 1
            </div>
        </div>
    </div>
    
    <div id="tab-2" class="js-tab-content tab-content">
        <div class="product-description">
            <div itemprop="description">
                Zawartość zakładki 2
            </div>
        </div>
    </div>
    
    <div id="tab-3" class="js-tab-content tab-content">
        <div class="product-description">
            <div itemprop="description">
                Zawartość zakładki 3
            </div>
        </div>
    </div>
</div>


Kod klasycznych zakładek
Kod klasycznych zakładek do szablonu "Handyshop"