Hallo, ich musste grade feststellen, dass die Bilder für die Vorschau in der Artikelauswahl so klein sind, dass man nichts erkennen kann. Kann man nicht irgendwo einstellen, dass für Handys die Vorschaubilder untereinander und nicht nebeneinander angezeigt werden sollen?
Gehe in den Admin zu Einstellungen -> Startseite und deaktiviere dort die Empfehlungen, Neuen Artikel, Angebote und Ankündigungen. Öffne danach den Style Editor und füge der Seite entsprechende Widgets hinzu.
Danke für den Tipp, aber es scheint nicht zu funktionieren. Wenn ich für Mobil oder eine andere Größe angeben, dass nur ein Artikel pro Zeile angelegt werden soll, dann macht er das einfach nicht, weder in der Vorschau noch im Shop selber.
Auch den vom Browser? Ist die Ansicht auch auf ein em Handy so, oder nur im Editor? Versuche mal die Seite mit "STRG" und "F5" neu zu laden.
ich glaube das liegt an deiner Einstellung "Liste". Stell testweise auf "Slider" um. Da müsstest die Anzahl verändern können. Ich meine, dass ich da mal etwas von einem Bug gelesen habe... Nachtrag: (Link nur für registrierte Nutzer sichtbar.)
Wenn du bei der Listenansicht bleiben magst, könnte es per CSS gehen: bis 767px (mobile Ansicht) 1 Bild: Code: @media (max-width: 767px){ body.page-index .productlist-viewmode-grid .product-container{ width: 100%; }} bis 991px (tablet) 2 Bilder: Code: @media (max-width: 991px){ body.page-index .productlist-viewmode-grid .product-container{ width: 50%; }} am Desktop bleiben 5. Wenn du am Desktop auch umstellen willst, dann hiermit: Hier sind jetzt 4 nebeneinander. Code: body.page-index .productlist-viewmode-grid .product-container{ width: 25%; }
Ich habe nun mal einiges ausprobiert. Der Fehler ist halt genauso wie beschrieben und wohl schon länger als ein Jahr bekannt und nicht behoben bis jetzt. Danke für das CSS, aber leider funktioniert es nicht, es werden weiterhin bei jeder Auflösung 5 Artikel nebeneinander dargestellt, auch nach leeren des Caches und löschen aller Browserdaten. Der Slider funktioniert leider auch nicht wie gewünscht, nur auf dem PC, bei kleinerer Auflösung kann man aber nicht seitwärts scrollen.
Bzgl. der Einstellung "Liste": du hast in deinem eigenen CSS diesen Code: das width: 20% ist dafür verantwortlich warum du es nicht im Style Edit umstellen kannst. Nimm das width: 20% raus. Und auch die CSS Codes von mir. Und dann teste es nochmal. Es kann sein, dass du nur den Desktop per CSS regeln musst. Tablet und mobil greift bei mir, wenn ich es im Style Edit einstelle. Für den Desktop kannst du diesen CSS Code verwenden: Code: @media (min-width: 992px){ body.page-index .productlist-viewmode-grid .product-container{ width: 25%; }} Falls es immer noch nicht geht, mach am besten einen Slider als Liste und einen als Slider. Das ist einfacher zu helfen, da sieht man den Code direkt in deinem Shop.
Danke, das war der Fehler, nun wird die Liste korrekt angezeigt. Jetzt muss nur noch herausfinden, ob die 20% Angabe irgendwie wichtig war.
die war dazu da, innerhalb der Liste den Bereich der einzelnen Container in 20% aufzuteilen. --> somit 5 Artikelcontainer nebeneinander.