[Gelöst] Hilfe bei den Abständen nach den Produktlisten auf der Startseite / Theme

Thema wurde von Anonymous, 12. Oktober 2022 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    6. Juni 2012
    Beiträge:
    451
    Danke erhalten:
    65
    Danke vergeben:
    80
    #21 Anonymous, 22. Juli 2025
    Zuletzt bearbeitet: 22. Juli 2025
    Hallo Achim,

    vielen Dank für Deine Hilfe.

    Wahrscheinlich bin ich blind vor Bäumen, aber den Reiter Stile auf Deinen Bildern finde ich in meiner Konsole nicht:

    Startseite1.jpg



    Ich versuche es später nochmal mit einem anderen Browser.


    Deinen Code habe ich als eigenes css getestet: leider gar keine Änderung, weder auf Start- noch auf Kategorieseiten.
    Auch mit !important dahinter hat sich leider nichts geändert.
     
  2. christa_imberi
    christa_imberi Aktives Mitglied
    Registriert seit:
    23. November 2020
    Beiträge:
    42
    Danke erhalten:
    27
    Danke vergeben:
    5
    wenn ich in der Konsole in deinem Shop eingebe:

    .page-index .productlist-swiper .product-container {margin-bottom: -50px}

    geht die Kachel nach oben und der Abstand ist auf meinem Bildschirm (24") perfekt
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    6. Juni 2012
    Beiträge:
    451
    Danke erhalten:
    65
    Danke vergeben:
    80
    Hallo Stefan,

    ich habe jetzt Deinen Code eingegeben und live gestellt. Bitte schau mal nach.

    Bei mir sind die Container jetzt unten abgeschnitten, leider nicht oben.
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    6. Juni 2012
    Beiträge:
    451
    Danke erhalten:
    65
    Danke vergeben:
    80
  5. christa_imberi
    christa_imberi Aktives Mitglied
    Registriert seit:
    23. November 2020
    Beiträge:
    42
    Danke erhalten:
    27
    Danke vergeben:
    5
    Hallo Yvonne,

    ich sehe an den vertikalen Trennstrichen die tatsächliche Höhe der Kachel. Versuche mal bitte im SE unter Produkte/Produktliste die Höhe des Produktbildes zu ändern.

    Ich habe bei mir:
    Produktname 90
    Preis 80
    Ribbon 0
    Bild 200
    Bild Mobil 300
    75
    90

    >>>die vorherigen Zahlen notieren<<<

    Das Bild sollte dann oben am Rand sein. Ribbons eventuell auf 10 oder 20 stellen. Wenn die Trennlinie dann noch unten rausragt, über css einstellen.

    Für die Abstände zwischen Bildern und Kacheln eine unsichtbare Trannlinie einfügen (Contents) Typ: none und bei Margin TOP und BOTTOM 20 eintragen (und experimentieren.
     
  6. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    6. Juni 2012
    Beiträge:
    451
    Danke erhalten:
    65
    Danke vergeben:
    80
    :)

    Jetzt habe ich verschiedene Eurer Vorschläge kombiniert und Folgendes eingegeben:

    .page-index .productlist-swiper .product-container {margin-top: -85px}

    .page-index .productlist-swiper .product-container {margin-bottom: -28px}

    Und es klappt ! :)
    Noch kleiner als -85px kann ich nicht gehen, sonst werden die Bilder mobil zu sehr gekappt.

    Herzlichen Dank an Euch alle, immer wieder tolle Hilfe hier im Forum!