Detailseite Artikel --> related_products.tpl als Sidebar rechts eingefügt , Content und linke Sidebar verrutscht nun

Deutsches Forum
1

Guten Abend allerseits,

ich komme leider nicht weiter.
Ich habe auf der Startseite es hinbekommen links und rechts eine Sidebar zu erstellen. Alles genau, wie es sein soll.

Bild: Startseite

Bei der Auswahl einer Kategorie, wird die linke Sidebar ausgeblendet und die rechte Sidebar rutscht nach Links. Auch alles so, wie es sein soll.

Bild: Unterseite

Nun zu meinem Problem. Ich wollte die Boxen von der related_products.tpl nicht bei der Beschreibung erscheinen lassen, sondern neben den Content in der sidebar2.

Dazu habe ich folgende Seiten geändert.

  1. detail.tpl --> habe ich sidebar2=“Right” hinzugefügt.

  2. In der sidebar2.tpl habe ich die related_products.tpl eingebunden und gesagt, dass diese nur auf der detail.tpl angezeigt werden soll.

  3. In der oxid.css Datei habe ich noch den folgenden Befehl eingefügt:

div.sidebarLeft #sidebar2 {
    float: right;
}

[B]Nun passiert folgendes: [/B]

Startseite und Kategorieunterseiten sehen immer noch genauso aus,wie sie sein sollen.

Nur bei der Detailseite nicht. Es werden zwar beide Sidebars auf der jeweils richtigen Seite angezeigt, aber die linke Sidebar und der Content rutschen nach unten. Wenn ich Firebug benutze, dann zeigt er mir an, dass der container class=“sidebarLeft” die ganze Seite der Breite einnimmt und dem Rest somit keinen Platz läßt.

Bild: Content und Sidebar runtergerutscht

Muss ich vielleicht irgendwo noch sidebarLeft anpassen? Wenn ja, in welcher Datei finde ich diese?

Ich habe stark die Vermutung, dass ich was falsch gemacht habe mit den Positionierungen der Boxen im CSS code bzw. mit der Eintragung in der page.tpl. Ich habe die einzelnen Boxen teilweise etwas kompliziert verschachtelt, da ich es anderes nicht hinbekommen habe.

Ich bedanke mich in Voraus für eure Hilfe.
Viele Grüße
Iain

Shop Version: Azur 4.8.4

2

Hi ich bin zwar auch total Neu bei Oxid und habe nur sehr eingeschränkte Programmierfähigkeiten aber eventuell doch eine Lösung für dich. Also ich könnte mir sehr gut vorstellen, dass du in der detail.tpl die Sidebar in einem neuen div einfügst und diesen dann mit css anpasst um auf die gewünschte Darstellung zu kommen. Vielleicht auch mal mit Firebug experimentieren um den gewünschten Effekt zu erhalten.

3

@Mr.Mirko

Danke für deinen Tip! :slight_smile: Er hat mir die passende Idee gebracht. Ich habe einfach noch eine dritte sidebar angelegt, die nur auf der Detailseite erscheint.

Dazu habe ich sie einmal in der page.tpl eingetragen und die entsprechende Eintragung in der detail.tpl ergänzt. Den Rest habe ich dann über css gemacht.

Recht herzlichen Dank!

Viele Grüße
Iain