In Produktliste auf Startseite 4 Artikel anstatt 5 Artikel

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

 

also ich habe das erst vor kurzem auf 4 geändert und zwar hier:

 

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>
        &nbsp;

        <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>
        &nbsp;

        <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>
        &nbsp;

        <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>
        &nbsp;

        <p style="text-align:center; font-family: Buckwheat-TC-Sans; color: #636B56;font-size:0.75em">
            Kotelett vom Weideschwein
        </p>
    </div>
</div>

Clemens

 

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.