Gelöst JTL-Adept eBay Designvorlage - ein weiteres fünftes TAB element einfügen

[smilegranit]

Hallo Zusammen,

in der JTL-Adept eBay Designvorlage möchte ich einen weiteres fünftes TAB Element einbauen. Im Quellcode steht:

 <!-- Max. 4 Tabs -->

Ich habe es trotzdem versucht:

<div class="tabs">
                     <input name="tabs" id="tab1" checked="" type="radio">
                     <label for="tab1">{{ GlobaleTexte.JTL-Übersetzungen.Beschreibung | SelectLanguage: Sprache }}</label>
                     <input name="tabs" id="tab2" type="radio">
                     <label for="tab2">{{ GlobaleTexte.JTL-Übersetzungen.Versand | SelectLanguage: Sprache }}</label>
                     <input name="tabs" id="tab3" type="radio">
                     <label for="tab3">{{ GlobaleTexte.JTL-Übersetzungen.Zahlung | SelectLanguage: Sprache }}</label>
                     <input name="tabs" id="tab4" type="radio">
                     <label for="tab4">{{ GlobaleTexte.JTL-Übersetzungen.Über-Uns | SelectLanguage: Sprache }}</label>
                     <input name="tabs" id="tab4" type="radio">
                     <label for="tab5">{{ GlobaleTexte.Übersetzungen.Anwendungsmoeglichkaeiten.Deutsch }}</label>
                     <!-- Max. 4 Tabs -->
                     <div id="tab-content1">
                        <div class="animiert scale">
                           <div class="tabcontent">
                              <p class="beschreibung">{{Vorgang.Artikel.Beschreibung.Beschreibung | SelectLanguage: Sprache }}</p>
                           </div>
                        </div>
                     </div>
                     <div id="tab-content2">
                        <div class="animiert scale">
                           <div class="tabcontent">
                        
                              <p>{{ GlobaleTexte.eBay.Versand.Deutsch }}</p>
                           </div>
                        </div>
                     </div>
                     <div id="tab-content3">
                        <div class="animiert scale">
                           <div class="tabcontent">
                              <p>{{ GlobaleTexte.eBay.Zahlung.Deutsch }}</p>
                           </div>
                        </div>
                     </div>
                     <div id="tab-content4">
                        <div class="animiert scale">
                           <div class="tabcontent">
                              <p>{{ GlobaleTexte.eBay-Infoboxen.Über_Uns.Deutsch }}</p>
                           </div>
                        </div>
                     </div>
                      <div id="tab-content5">
                        <div class="animiert scale">
                           <div class="tabcontent">
                              <p>{{ GlobaleTexte.eBay.Anwendungsmoeglichkeiten.Deutsch }}</p>
                           </div>
                        </div>
                     </div>
                     <!-- Max. 4 Tabs -->

Aber nachdem die Designvorlage ge-rendert wird öffnet sich der TAB-Content nicht wie bei den 4 anderen.


Gibt es die Möglichkeit ein fünftes funktionierendes TAB Element einzubauen?

 

[nmueller]

Ich vermute mal das im CSS nur bis tab-content4 programmiert ist. Ist ein input-label Gerüst, wird also vermutlich über :checked Pseudoklasse gesteuert. Muss man im CSS dann um die neuen Positionen (tab-content5, etc) ergänzen, sowohl für den regulären zustand (display: none) als auch für den :checked Zustand.

P.S.

                     <input name="tabs" id="tab4" type="radio">
                     <label for="tab4">{{ GlobaleTexte.JTL-Übersetzungen.Über-Uns | SelectLanguage: Sprache }}</label>
                     <input name="tabs" id="tab4" type="radio">
                     <label for="tab5">{{ GlobaleTexte.Übersetzungen.Anwendungsmoeglichkaeiten.Deutsch }}</label>

das kann auch nicht funktionieren, du steuerst zwei mal die selbe ID an.

 

[smilegranit]

Vielen Dank nmueller.

Bitte diesen Thread schließen