Hallo liebe Community,

ich bin ein wenig ratlos und hoffe, dass ihr helfen könnt.
Ich nutze das Design "Zürich" für unseren Webshop und habe die Problematik, dass die Produkte in der Übersicht, in der mobilen Ansicht im Shop, nur einzeln untereinander angezeigt werden. Was ich jedoch möchte ist, dass ich auch in der mobilen Ansicht 2 Produkte nebeneinander und bestenfalls noch 4 Produkte auf einer Bildschirmansicht angezeigt bekomme. Ich habe diesbezüglich schon etliche Lösungsversuche via CSS unternommen, aber bin doch an meine Grenzen gestoßen. Könnt ihr helfen oder habt vielleicht ein paar Lösungsansätze? :)

Website: https://darumbio.de/shop

Beste Grüße
Steffen

Hey, vielen lieben Dank. Das sieht doch schon mal gar nicht so schlecht aus. Jetzt tut sich nur noch das Problem auf, dass die Peodukte teilweise versetzt angezeigt werden. Kann man die Größe der Kästchen/Spalten für die mobile Ansicht verändern?

|addpics|q36-1-feb4.jpg|/addpics|

Hej Steffen,

war bei mir genauso :)
Ich musste dann dafür sorgen dass die Produkttitel immer ähnlich lang geschrieben sind. Also entweder zweizeilig oder einzeilig (Pärchenweise).

Passiert mir leider noch heute, dass ich beim Hinzufügen von neuen Produkten nicht darauf achte.

Viele Grüße
Christian

Hey Christian,

ja, da sich der Titel manchmal in die 2. Zeile verschoben hat, habe ich ihn entweder gekürzt oder einen Absatz bei allen einzeiligen Produkttiteln eingefügt. Das brachte zwar einige Produkte auf eine Höhe, aber andere Produkte/Spalten waren weiterhin sehr stark verschoben (s. Foto im vorherigen Post).

Gruß
Steffen