Mobile Ansicht der Produkte im Shop

15.07.2019 15:43 (zuletzt bearbeitet: 15.07.2019 17:30)

darumBio!
#1

da

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

Antworten

Beitrag melden

#2

16.07.2019 09:33 (zuletzt bearbeitet: 16.07.2019 09:35)

az_
#2

az_

Hallo Steffen,

...versuch mal:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 

<style type="text/css">
    
    @media (max-width:767px) {
        #content_area .cc-m-hgrid-column {
            min-width: 0 !important;
            width: 25% !important;
            float: left;
        }
    }
 
    @media (max-width:480px) {
        #content_area .cc-m-hgrid-column {
            width: 48% !important;
        }
    }
 
</style>
 
LG, az
 

 

...bitte nur im Head-Bereich der Unterseite (Menü > Einstellungen > Head Bearbeiten > Unterseite) einsetzen!

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

16.07.2019 11:12 (zuletzt bearbeitet: 16.07.2019 11:44)

darumBio!
#3

da

darumBio!

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|

Antworten

Beitrag melden

#4

16.07.2019 12:42

hazelnat
#4

ha

hazelnat

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

Antworten

Beitrag melden

#5

16.07.2019 13:05

darumBio!
#5

da

darumBio!

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