Nutzung von Tabs: wie geht das?

[Otis B. Driftwood]

Hey Ho,

wie kann ich im Shop Tabs nutzen?

Ich kenne es von JTL-Shop3 so, dass ich in der wawi mit tab1_inhalt und tab1_name zusätzliche Tabs nutzen kann. Funktioniert das auch mit modified?

Ich habe zwar die Suche bemüht, stosse aber immer darauf, dass entweder ein extra Modul oder zumindest Codeschnipsel benötigt werden, um Tabs generell nutzen zu können.

Gemäss dem Falle ich müsste also selbst Hand anlegen und einbauen, kann man die Tabs dann auch mit der Wawi befüllen oder ist man gezwungen, danach im Shopbackend noch dort die Inhalte zu füllen? Ich werde da nicht richtig schlau draus...

Welche Modifikation für Tabs wäre für die aktuelle Version zu empfehlen?

Anmerkung: prima, dass das Forum wieder online ist!!

Gruß Otis

Linkback: https://www.modified-shop.org/forum/index.php?topic=26731.0

[sv.brueck]

Hallo Otis,

von welchen Tabs redest Du? Wo möchtest Du Tabs einsetzen?

Für die Produktdetailseite gibt es ja eine Vorlage "product_info_tabs_v1.html", die Du auswählen kannst.

Gruß

Sven

[Otis B. Driftwood]

Sorry, bin etwas durcheinander gerade.

Ich meine die Tabs in den Artikelbeschreibungen. Die product_info_tabs_v1.html habe ich schon gefunden, so ist das ja nicht, mir erschließt sich aber nicht, wenn diese als Vorlage gewählt wird, wie man dann die Tabs nutzen kann bzw. wo gebe ich den Text für den Tab an, den ich noch haben will?

Wie gesagt habe ich gestern im Forum gesucht und nur Hinweise auf separate Module/Codeschnipsel gefunden, welche ich selbst einbauen muss um Tabs zu haben.

Hoffe ich habe mich jetzt verständlich ausgedrückt und man kann erkennen wo mein Anliegen ist.

[sv.brueck]

Hallo Otis,

auf diese Tabs in der Artikelbeschreibung habe ich doch in meiner 1. Antwort hingewiesen.

Ich denke mal, es geht Dir darum, weitere zusätzliche Tabs in der Artikelbeschreibung einzufügen, oder?

Vielleicht hilft Dir dieses hier ja weiter:

http://www.modified-shop.org/forum/index.php?topic=13250.0

Gruß

Sven

[noRiddle (revilonetz)]

@Otis B. Driftwood
Um beliebig viele Tabs zu generieren benötigst du eine Erweiterung, wie bereits von dir gesagt.
Ich biete dafür eine günstige Erweiterung an und ebenso web28.
Meine Tabs kann man über den Editor im Backend leicht anlegen.
Ich kenne das Interface von JTL-WaWi nicht, will man also mithilfe der WaWi die Tabs anlegen, müsste man ein wenig HTML benutzen.
Die Erweiterung konvertiert dann z.B. ein <h3 class="new_tab>"  zu einem Tab.

Gruß,
noRiddle

[Otis B. Driftwood]

@noRidddle: habe gerade über eure/deine Webseite das Kontaktformular benutzt

[Otis B. Driftwood]

Eben kurz Rückmeldung geben dass ich mir bzw. uns die Tabs von noRiddle gekauft habe, war die richtige Entscheidung gewesen!

Kommunikation super, Anleitung super, Tabs erstellen super und einfach, im Gegensatz zu den anderen div. Modulen welche ich mir vorher angesehen habe.
Der Einbau war in zehn Minuten fertig, alle Codestellen wurden sofort gefunden.

Ich kann sie nur jedem empfehlen, die reissen kein Loch in den Geldbeutel und sind es allemale wert!

[mamusch]

Guten Morgen,

nachdem ich ( völliger Anfänger ) mir hier im Forum einen Wolf gesucht habe um eine Lösung für zusätzliche Tabs zu finden, mit der auch ich klar komme, aber nichts gefunden habe habe ich mich für das Modul von noriddle entschieden.
OK es kostet einen kleinen Obolus was ich aber für das was das Modul kann für absolut angemessen halte.
Das Modul ist, wie ich finde, wirklich klasse und selbst ich habe es dank der Anleitung in 20 min. eingebaut und es hat funktioniert.

Gruß
Marcus

PS: Für manche Dinge die man im Leben möchte und nicht selbst machen kann muss man eben etwas zahlen, oder darauf verzichten.

[noRiddle (revilonetz)]

Da die Frage öfter kommt und ich auch privat danach gefragt werde, hier mal kurz wie man Tab-Reiter und/oder den Content der Tabs verschieden stylen kann:

Beispiel diese Seite des Demoshops:
Der generierte Quelltext für die Tabs sieht auszugsweise so aus:

Code: XML  [Auswählen]

<ul class="...">
    <li class="...">
        <a href="#tab_description">Details</a></li>
    <li class="....">
        <a href="#tab_cross_selling">Empfehlung</a>
    </li>
    <li class="...">
        <a href="#tab_reviews">Meinungen</a>
    </li>
    <li class="...">
        <a href="#tab_more_images">Mehr Bilder</a>
    </li>
</ul>

<div id="tab_description" class="...">
    <strong>Lorem Ipsum</strong> is simply dummy text of the printing and ....
</div>
<div id="tab_more_images" class="...">
    <!-- More Pictures -->
    <div class="morepics">
        <a href="images/product_images/popup_images/4_1.jpg" title="Testartikel 4" rel="4" class="thickbox">
            <img align="left" alt="Testartikel 4" src="images/product_images/info_images/4_1.jpg">
        </a>
        <a href="images/product_images/popup_images/4_2.jpg" title="Testartikel 4" rel="4" class="thickbox">
            <img align="left" alt="Testartikel 4" src="images/product_images/info_images/4_2.jpg">
        </a>                          
    </div>
    <div style="clear:both;"></div>
</div>
<div id="tab_reviews" class="">
    <h1>Kundenrezensionen:</h1>
    <p><a href="..."><img width="125" height="24" alt="Bewertung schreiben" src="templates/xtc5/buttons/german/button_write_review.gif"></a></p>
    <div class="hrlightgrey"></div>
</div>
<div id="tab_cross_selling" class="...">
    <h2>Dieses Produkt ist z.B. kompatibel zu:</h2>
    <p></p>
    <table width="100%" cellspacing="0" cellpadding="0" border="0" class="productPreview">
    ...
    </table>
    <p></p>
</div>

Über das href-attibute des Links der Tab-Reiter kann man nun die Reiter ansprechen
und über die id der Tab-Inhalte eben die Inhalte.

Beispiel-CSS:

Code: CSS  [Auswählen]

/* Tab-Reiter */
a[href="#tab_cross_selling"] {color:EURE_COLOR; background:EUER_BACKGROUND;}

/* Tab-Inhalt */
div#tab_cross_selling {color:EURE_COLOR; background:EUER_BACKGROUND;}

Damit hätte man den Cross-Selling Tab-Reiter und den Inhalt anders gestylt als die anderen Tabs.

Gruß,
noRiddle

[mamusch]

Moin,

einfach mal an noRiddle, nun habe auch ich das verstanden.

Marcus

[mamusch]

Hallo,

was muss ich denn anstellen damit ich einen Umlaut in den Tab-Reiter bekomme? Sobald da ein Ü oder ein
%Uuml; drinne ist wird kein neuer Tab erstellt. Geht das überhaubt ?

Gruß
Marcus

[noRiddle (revilonetz)]

Bei welcher Implementation ?
Falls es um meine Erweiterung geht bitte PM, das können wir hier nicht besprechen.

Gruß,
noRiddle

[noRiddle (revilonetz)]

Die Sache wurde geklärt, File in verkehrter Codierung abgespeichert.

Gruß,
noRiddle