Aby dodać zakładki do treści, w edytorze tekstowym wybieramy Wstaw -> Wstaw Szablon i wybieramy zakładka przełączana.

Do treści dodany zostanie szablon, który możemy kilkukrotnie powielić, tworząc tym samym więcej zakładek.

Takie wpisy w treści spowodują dodanie zakładek z możliwością ich przełączania.

Mechanizm można wykorzystać do wstawienia specyfikacji, opisu w jednym miejscu na stronie. Naturalnie w edycji skórki należało by dodać styl css do zakładek np. w pliku product.css

 

.tab-head {
    float:left;
    border:1px solid #fff;
    border-bottom:1px solid #ddd;
    padding:5px 10px;
    font-size:14px;
    
    position:relative;
    cursor:pointer;
    top:1px;
}
.tab-head.on {
    border:1px solid #ddd;
    border-bottom:1px solid #fff;
    color:black;
}
.tab-item {
    border:1px solid #ddd;
    padding:20px 10px;
}