Vorschaubilder der Artikel für das Handy anpassen

Thema wurde von ingo_kreft, 6. Oktober 2024 erstellt.

  1. ingo_kreft

    ingo_kreft Erfahrener Benutzer

    Registriert seit:
    28. Februar 2019
    Beiträge:
    107
    Danke erhalten:
    0
    Danke vergeben:
    4
    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?

    Screenshot_20241006-130810.png
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.608
    Danke erhalten:
    11.335
    Danke vergeben:
    1.614
    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.
     
  3. ingo_kreft

    ingo_kreft Erfahrener Benutzer

    Registriert seit:
    28. Februar 2019
    Beiträge:
    107
    Danke erhalten:
    0
    Danke vergeben:
    4
    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.

    styleeditor.jpg
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.608
    Danke erhalten:
    11.335
    Danke vergeben:
    1.614
    Du musst erst das alte Teil für die Anzeige deaktivieren
    upload_2024-10-7_13-1-57.png
    und dann neu als Widget anlegen.
     
  5. ingo_kreft

    ingo_kreft Erfahrener Benutzer

    Registriert seit:
    28. Februar 2019
    Beiträge:
    107
    Danke erhalten:
    0
    Danke vergeben:
    4
    Ja, das hattest du ja geschrieben und ich habe die vorher alle auf 0 gesetzt.
     
  6. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.608
    Danke erhalten:
    11.335
    Danke vergeben:
    1.614
    Cache geleert?
     
  7. ingo_kreft

    ingo_kreft Erfahrener Benutzer

    Registriert seit:
    28. Februar 2019
    Beiträge:
    107
    Danke erhalten:
    0
    Danke vergeben:
    4
    Ja, alle die ich leeren kann, habe ich geleert.
     
  8. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.608
    Danke erhalten:
    11.335
    Danke vergeben:
    1.614
    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.
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.053
    Danke erhalten:
    873
    Danke vergeben:
    336
    #9 Anonymous, 7. Oktober 2024
    Zuletzt bearbeitet: 7. Oktober 2024
    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...

    upload_2024-10-7_16-33-14.png


    Nachtrag: (Link nur für registrierte Nutzer sichtbar.)
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.053
    Danke erhalten:
    873
    Danke vergeben:
    336
    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%;
    }
    
     
  11. ingo_kreft

    ingo_kreft Erfahrener Benutzer

    Registriert seit:
    28. Februar 2019
    Beiträge:
    107
    Danke erhalten:
    0
    Danke vergeben:
    4
    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.
     
  12. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.053
    Danke erhalten:
    873
    Danke vergeben:
    336
    #12 Anonymous, 7. Oktober 2024
    Zuletzt bearbeitet: 7. Oktober 2024
    Bzgl. der Einstellung "Liste":

    du hast in deinem eigenen CSS diesen Code:

    upload_2024-10-7_20-9-36.png

    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.
     
  13. ingo_kreft

    ingo_kreft Erfahrener Benutzer

    Registriert seit:
    28. Februar 2019
    Beiträge:
    107
    Danke erhalten:
    0
    Danke vergeben:
    4
    Danke,
    das war der Fehler, nun wird die Liste korrekt angezeigt.
    Jetzt muss nur noch herausfinden, ob die 20% Angabe irgendwie wichtig war.
     
  14. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.053
    Danke erhalten:
    873
    Danke vergeben:
    336
    die war dazu da, innerhalb der Liste den Bereich der einzelnen Container in 20% aufzuteilen. --> somit 5 Artikelcontainer nebeneinander.