Malibu V4.7.2.3 Hallo, ich möchte auf der Startseite via Produktliste nur 4 Artikel in einer Reihe (Kachelansicht) anzeigen lassen. Es werden derzeit 5 Artikel nebeneinander angezeigt. Man kann im Editor in "Produkte pro Zeile Groß" zwar die Anzahl ändern, diese Änderung wird aber nicht übernommen. Muss ich da noch woanders hingreifen? Gruß Bernd
Nein, das scheint (seit kurzem) ein Bug im Styleeditors zu sein. Habe ich schon vor ca 3 Wochen als Bug gemeldet und wurde akzeptiert (https://tracker.gambio-server.net/issues/70308). Workaround: Wechsle in der Darstellung von "Liste" zu "Slider" mit 5 Bildern. Sieht aber nicht gerade schön aus mit den Pfeilen rechts und links, vor allem auf dem Handy. Besser Du platzierts ein HTML-Widget und fügst die Artikel "händisch" ein. Ist ein wenig Aufwand (responsiv!). Clemens
schaut mal hier in #26. vielleicht habt ihr auch diesen Code in euerm eigenen CSS: (Link nur für registrierte Nutzer sichtbar.)
Einen weiteren Workaround gibt es noch. Teile deine Sektion im Styleeditor in 4 Teile (Sektion bearbeiten->Aufteilung -> 4x25%). Dann kannst Du in jedes Viertel ein Produktwidget schieben (keine Liste!). Das scheint zu klappen. Clemens
Ich denke Bernd will in seiner Liste 4 bestimmte Artikel und keine zufällig ausgewählten (kann man natürlich einstellen). Aber diese Produktlisten sind im Handyformat eher schrecklich, nicht nur der Slider sondern auch mein obiger Vorschlag mit der geviertelten Sektion. Im Handy kommt dann jedes Bild einzeln untereinander und man muß mit CSS nachjustieren, damit die Bilder eine vernünftige Größe haben. Besser ist schon ein einziges HTML-Widget mit 4 DIVs resonsiv (bootstrap) nebeneinander, Bilder mit Link und eigener Bildunterschrift (Layout eines Produkts nachempfinden). So bekommst man ganz bequem 2 Artikel auch in der Handyansicht nebeneinander. Hier mal so ein Code für 4 Artikel aus meinem Testshop (Links, Bilder und Schrift müssen natürlich angepasst werden) HTML: <div class="row"> <div class="col-xs-6 col-md-3"> <div> <a href="gulasch.html"> <img alt="Gulasch vom Weideschwein" class="img-responsiv center-block" src="images/product_images/info_images/Produktbilder/Fleisch roh/Sauenhains Fleisch ri Produktbilder 900x1200px.jpg" width="80%" /></a> </div> <p style="text-align:center; font-family:Buckwheat-TC-Sans; color: #636B56;font-size:0.75em"> Gulasch vom Weideschwein </p> </div> <div class="col-xs-6 col-md-3"> <div> <a href="hackfleisch.html"> <img alt="Hackfleisch vom Weideschwein" class="img-responsiv center-block" src="images/product_images/info_images/Produktbilder/Fleisch roh/Sauenhains Fleisch ri Produktbilder 900x1200px2_227_0.jpg" width="80%" /></a> </div> <p style="text-align:center; font-family: Buckwheat-TC-Sans; color: #636B56;font-size:0.75em"> Hackfleisch vom Weideschwein </p> </div> <div class="col-xs-6 col-md-3"> <div> <a href="krustenbraten-249.html"> <img alt="Krustenbraten vom Weideschwein" class="img-responsiv center-block" src="images/product_images/info_images/Produktbilder/Fleisch roh/Sauenhains Fleisch%20ri Produktbilder 900x1200px12_220_0_249_0.jpg" width="80%" /></a> </div> <p style="text-align:center; font-family: Buckwheat-TC-Sans; color: #636B56;font-size:0.75em"> Krustenbraten vom Weideschwein </p> </div> <div class="col-xs-6 col-md-3"> <div> <a href="kotelett-248.html"> <img alt="Kotelett vom Weideschwein" class="img-responsiv center-block" src="images/product_images/info_images/Produktbilder/Fleisch roh/Sauenhains Fleisch ri Produktbilder 900x1200px3.jpg" width="80%" /></a> </div> <p style="text-align:center; font-family: Buckwheat-TC-Sans; color: #636B56;font-size:0.75em"> Kotelett vom Weideschwein </p> </div> </div> Clemens
Ich Danke Euch. Der Bug scheint, wenn ich mich recht erinnere, auch in der Version 4.5.x gewesen zu sein. Eure Lösungen bzw. Vorschläge schaue ich mir gerne morgen an. Die Darstellung habe ich nicht als Slider sondern als Liste eingestellt, und "Produkte zufällig anzeigen" habe ich deaktiviert. So wollte ich die Einstellungen dann auch haben. Viele Grüße Bernd
Ein letzter Hinweis. Solltest Du Dich für die Variante mit den vier einzelnen Produktwidgets entscheiden (Sektion vierteln), dann solltest Du für eine bessere Handyansicht in den Einstellungen des Styleeditors (Bereiche->Produkte->Produktliste) das Bild in der mobilen Ansicht deutlich vergrößern (Höhe =380px). Der Bug mit den Produktlisten (der Defaultwert von 5 pro Zeile kann nicht überschrieben werden) wird von Gambio wohl nicht so schnell behoben werden. Till von Gambio in seiner Mail an mich: " Wann und in welcher Version der Fehler behoben wird, kann ich zum jetzigen Zeitpunkt nicht sagen, du kannst das Bug-Ticket in unserem Tracker beobachten und dich über Änderungen informieren, sobald das Ticket bearbeitet wird."
Da es auch für unseren Shop interessant ist, habe ich ein wenig experimentiert. Der Fehler scheint nur in der Desktopansicht aufzutreten (Medium, Portrait und Mobil reagieren richtig, auch bei der Einstellung "Liste"). Dann sieht folgende Kombination vernünftig aus. 1) In der Desktopansicht die Lösung mit den vier Produkten in der geviertelten Sektion (siehe #4). Diese Sektion für Portrait und Mobil ausblenden. 2) Darunter eine normale Sektion mit einer Produktliste (4 Produkte) und diese nur für Portrait und Mobil sichbar machen. Dort dann 2 Produkte pro Zeile einstellen., dann hast Du auf dem Handy zwei nebeneinander. Habe die Idee gleich mal in unserem aktiven Shop (https://sauenhain.de/shop) umgesetzt. Es sind die ersten beiden Artikelreihen auf der Startseite. Hier liegen für Desktop und Medium drei einzelne Produkte in einer gedrittelten Sektion. Für Portrait und Mobil gibt es dagegen eine Produktliste (Liste nicht Slider) mit zwei Artikeln (drei wirken hier zu überladen). Alle anderen Artikellisten sind noch im alten Stil (Slider). Man sieht die Pfeile und auf dem Handy verwirrt dies eher.
Clemens, da hast Du Dir ja viel Arbeit gemacht, vielen Dank. Ich habe im Augenblick wenig Zeit zur Verfügung, werde aber sehr gerne Deinen Weg bald nachvollziehen. Viele Grüße Bernd