Neu Variationen Anzeige in Spalten ändern

Gauj:jo

Aktives Mitglied
2. März 2013
66
3
Beiersdorf
Firma
Beiersdorfer Möbelwerk GmbH
Hi,
ich möchte gern die Anzeige der Variationen im Artikel ändern über die variation.tpl. Anstatt das alles untereinander steht, soll es möglichst in 3 Spalten nebeneinander stehen.

Im 4er Shop hatte ich es schon einmal gemacht über die Änderung des dl und dd tags ... so wie im 4er funktioniert es aber leider nicht mehr.
Kann mir hier jemand weiterhelfen?

Vielen Dank
 
Zuletzt bearbeitet:

aguenther

Neues Mitglied
24. April 2025
1
0
Hi,
ich möchte gern die Anzeige der Variationen im Artikel ändern über die variation.tpl. Anstatt das alles untereinander steht, soll es möglichst in 3 Spalten nebeneinander stehen.

Im 4er Shop hatte ich es schon einmal gemacht über die Änderung des dl und dd tags ... so wie im 4er funktioniert es aber leider nicht mehr.
Kann mir hier jemand weiterhelfen?

Vielen Dank
Hi, hast du darauf irgendwann eine Antwort bekommen bzw. konntest du es sonst irgendwie lösen, die Produktvariationen in mehrere Spalten anzuzeigen? VG, Antje
 

Markus - eRock Marketing

Offizieller Servicepartner
SPBanner
10. November 2022
94
40
@aguenther um mehrere Variationen nebeneinander anzeigen zu lassen kannst du eigentlich schon rein mit CSS arbeiten.

Dafür setzt du den Container auf flex und gibst den Variationsgruppen dann eine Breite.

Z.B. für Nova:
Code:
.variations dl{
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.variations dl .variation-wrapper{
    width: 25%;
    padding: 0 10px;
}

Die Margin- & Padding-Angaben dienen für Abstände zwischen den Containern.

Wenn es nur darum geht Variationswerte innerhalb einer Gruppe nebeneinander anzuzeigen, kann man dafür z.B. die Swatches nutzen.