Hi,
ich möchte nicht 2, sondern 3 Artikel im Artikellisting in einer Reihe haben.
Im Backend (Shop-Version 4.8.4) in den "Erweiterungen/Themes/Azure/Einstell/Anzeige" bringen die unterschiedlichen Einstellungen zu
Galerie zweispaltig oder Liste oder Galerie
seltsamerweise keine Veränderung im Frontend, weder im aktivierten Azure-Theme, noch im Entwicklungs-Theme (child), an dem ich arbeite. Es werden immer 2 Artikel nebeneinander angezeigt.
um nun 3 Artikel nebeinander zu setzen, habe erstmal in der listitem_infogrid.tpl nur den Imagebereich dargestellt und die Größe auf 217px Breite gesetzt, so dass 3 Artikel nebeneinander gesetzt werden. Allerdings ist die Darstellung nicht sauber und mir ist nicht klar, wie sich das mit den in der oxid.css definierten Klassen für
.infogridView li.productData:nth-child(0n+1) {
.infogridView li.productData:nth-child(0n+2) {
.infogridView li.productData:nth-child(2n+1) {
.infogridView li.productData:nth-child(2n+2) {
verhält.
In der Datei tpl/widget/product/list.tpl komme ich mit meinen Änderungen leider auch nicht weiter.
Kann mir jemand dabei helfen, die 3 Artikel sauber nebeneinander zu setzen?
Tausend Dank,
lieben Gruß, Sandra
ich möchte nicht 2, sondern 3 Artikel im Artikellisting in einer Reihe haben.
Im Backend (Shop-Version 4.8.4) in den "Erweiterungen/Themes/Azure/Einstell/Anzeige" bringen die unterschiedlichen Einstellungen zu
Galerie zweispaltig oder Liste oder Galerie
seltsamerweise keine Veränderung im Frontend, weder im aktivierten Azure-Theme, noch im Entwicklungs-Theme (child), an dem ich arbeite. Es werden immer 2 Artikel nebeneinander angezeigt.
um nun 3 Artikel nebeinander zu setzen, habe erstmal in der listitem_infogrid.tpl nur den Imagebereich dargestellt und die Größe auf 217px Breite gesetzt, so dass 3 Artikel nebeneinander gesetzt werden. Allerdings ist die Darstellung nicht sauber und mir ist nicht klar, wie sich das mit den in der oxid.css definierten Klassen für
.infogridView li.productData:nth-child(0n+1) {
.infogridView li.productData:nth-child(0n+2) {
.infogridView li.productData:nth-child(2n+1) {
.infogridView li.productData:nth-child(2n+2) {
verhält.
In der Datei tpl/widget/product/list.tpl komme ich mit meinen Änderungen leider auch nicht weiter.
Kann mir jemand dabei helfen, die 3 Artikel sauber nebeneinander zu setzen?
Tausend Dank,
lieben Gruß, Sandra