Tabs mit jQuery in der Artikelbeschreibung

[AlexW]

Hallo miteinander!

Ich habe mir in die Artikelbeschreibung Tabs mit Jquery eingebaut.
Das hat soweit prima geklappt, allerdings verzweifle ich an der eingerückten Darstellung der Tabs, siehe Testseite: http://www.auto-chiptuning.net/BMW/1er/BMW-118d-105kW-143PS-MSC5-Steuergeraet::1.html

Eigentlich sollte der erste Tab linksbündig mit dem Kasten darunter dargestellt werden, so wie es in der Demodatei von Jquery auch funktioniert.

Die einzelnen Reiter werden im HTML als Listung eingegeben. Daher tippe ich darauf, daß irgendwo festgelegt ist diese einzurücken. Ich habe bisher nach einer Lösung in der stylesheet.css und product_info_V1.html vergeblich gesucht.

Hat jemand eine Idee, wie man das linksbündig darstellen kann?

Viele Grüße aus Franken.



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

[MagicFire]

Hallo Alex,

ändere mal in der styleshet.css die zeile 1207:

jetzige code

Code: CSS  [Auswählen]

#content ol, # content ul{
    margin 10px 0px 10px 40px
}
 

ändern in

Code: CSS  [Auswählen]

#content ol, # content ul{
    margin 10px 0px 10px 0px
}
 

damit sollte es dann linksbündig sein.

Viele Grüße MagicFire

[web28]

Hallo,

hat eigentlich jemand schon eine vernünftige Lösung, wenn JavaScript deaktiviert ist?
Ich habe schon Shops gesichtet (kein XTC) bei denen dann entwender neue Einzelseiten oder alles auf einer Seite angezeigt wird.
Im Shop von AlexW wird leider nichts angezeigt.

Gruss Web28

[AlexW]

@MagicFire: Das hat funktioniert! Vielen, herzlichen Dank.

@web28: Bei deaktiviertem Javascript werden bei mir (Mozilla 3.5 + IE6) die Tabreiter untereinander und anschliessend der Inhalt der Tabs nacheinander angezeigt. Wenn die Texte noch vernünftig formatiert sind, ist das für mich okay. Siehst Du bei deaktiviertem Javascript die Texte garnicht?

Viele Grüße aus Franken.

[Tomcraft]

Doch, die Texte sieht man.

Grüße

Torsten

[Oine]

Sieht gut aus. Wo gibt's denn dieses Modul?

[sgei]

Hallo AlexW, hallo Gemeinde,

wie pflegt man denn bei den einzelnen Reitern den Content ein? Gibt es dafür Schlüsselwörter die man in der Artikelbeschreibung setzen muss?

Steffen

[Oine]

Das würde mich auch interessieren.
Bei *ambio wird es so gelöst und ist wirklich supereinfach.
Das Ganze sieht dann in etwa so in der Artikelbeschreibung aus:

Code: PHP  [Auswählen]

[TAB1]blablablablabla....
[TAB2]noch viel mehr blabla
und weiter geht's
[TAB3]jetzt reicht's dann glaube ich auch.

[AlexW]

Hallo,

im ersten Reiter steht der Text aus der Artikelbeschreibung. Hier kommen bei uns die fahrzeugspezifischen Merkmale rein. In den restlichen Reitern stehen Dokumente aus dem Contentmanager. So können wir über verschiedene product_info.html´s automatisch die Zusatzinfos zu den einzelnen Produktgruppen (Diesel, Benziner, etc.) integrieren und pflegen diese zentral im Contentmanager.

Hierz habe ich die Funktion Contentdata benutzt, die ihr hier findet: Smarty-Function “ContentData” für xt:Commerce

In meiner product_info.html sieht das dann so aus:

Code: PHP  [Auswählen]

<div id="tabs">
{ContentData id=100 to=Einbau}
{ContentData id=110 to=Garantie}
{ContentData id=120 to=Funktion}
{ContentData id=130 to=Verbrauch}
<ul>
    <li><a href="#performance">Details</a></li>
    <li><a href="#einbau">{$Einbau.heading}</a></li>
    <li><a href="#garantie">{$Garantie.heading}</a></li>
    <li><a href="#funktion">{$Funktion.heading}</a></li>
    <li><a href="#verbrauch">{$Verbrauch.heading}</a></li>
</ul>
<div id="performance">{$PRODUCTS_DESCRIPTION}</div>
<div id="einbau">{$Einbau.text}</div>
<div id="garantie">{$Garantie.text}</div>
<div id="funktion">{$Funktion.text}</div>
<div id="verbrauch">{$Verbrauch.text}</div>
</div>

Die Tabs selbst habe ich mit jQuery realisiert.

Viele Grüße aus Franken.

Alex.

[Tomcraft]

Was spricht denn hier gegen? -> Zusätzliche Produktinformationen in Tabs

Grüße

Torsten

[mollvision]

@AlexW

Frage: Hast schonmal 'n Link gesetzt?

z.B.: Funktionsweise -> Link als pdf.datei

Gruß Wolfgang

[mollvision]

@Torsten

jep habe ich schonmal eingebaut. klappte echt jut war ne schwere geburt.

Hatte folgende Probleme:
Überschrift der Tabs konne ich nicht induviduell ändern. Mußte das dann in der product_info.html machen, dann waren die Überschriften für jedes Produkt gleich.
(Fand ich nicht so klasse)

In der Druckansicht wurde nur die erste Content angezeigt und gedruckt.

Gruß Wolfgang

[AlexW]

@alle: Ich hatte vorhin eine kurze Info getippt, wie ich den Content in die Reiter bekommen habe. Leider erscheint der Post nicht. Geht sowas mal verloren?

@Kuckenberg: Wie meinst Du das mit dem Link?

[mollvision]

@AlexW

naja, hast du schonmal einen link eingefügt im content. zb. im TAB funktionen

[mollvision]

@AlexW

schau mal hier.

http://www.kuckenberg.net/shop/TrimmEX-reg;/Unterwollentferner/TrimmEX%AE-Der-Unterwollentferner::1.html

ich habe es so gelöst.
Unter links u partner habe ich linkls eingefügt die auch richtig angezeigt werden.
in manchen scripts wird der link immer mit dem bg-bild angezeigt. sieht nicht so schön aus.
also probier mal einen link  in einem content zu schreiben und schau dir das dann mal im fronted an.

gruß
wolfgang