Malibu - Artikel mit 1 Bild leere Fläche entfernen wo Thumbnail Slider ist?

Thema wurde von Anonymous, 4. März 2023 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.580
    Danke erhalten:
    238
    Danke vergeben:
    1.026
    Hallo Leute,

    es geht um das Malibu-Theme und Artikel, die nur ein Bild haben. Wenn nur ein Bild vorhanden ist, wird in der mobilen Ansicht trotzdem viel Platz unter dem Artikelbild gelassen. Bei mehreren Bildern würde an dieser Stelle der Thumbnail-Slider erscheinen (siehe Fotos im Anhang). Bei nur einem Bild ist dieser Platz jedoch komplett unnötig und zieht die Seite nur in die Länge ohne Inhalt oder Mehrwert.

    Hat jemand vielleicht eine Idee, wie man das verhindern kann?
    Ist übrigens Standard so in einem frisch installierten Clean 4.8 Shop mit Malibu Theme.

    Vielen Dank und noch viel Spaß am Samstag!
     

    Anhänge:

  2. Anonymous

    Anonymous Administrator
    Mitarbeiter

    Registriert seit:
    26. April 2011
    Beiträge:
    1.757
    Danke erhalten:
    1.370
    Danke vergeben:
    305
    @DrGuu versuche mal folgenden CSS im StyleEdit:

    Code:
    .product-info .product-info-stage {
        height: auto !important;
    }
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.580
    Danke erhalten:
    238
    Danke vergeben:
    1.026
    Ah cool, besten Dank!
    Das hat funktioniert und den Abstand verringert.
    Ist immer noch etwas viel Abstand aber auf jeden Fall besser!

    Anbei vorher/nachher Bild.
    Meint ihr man kriegt den Abstand noch weiter verringert?
     

    Anhänge:

  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    6. Dezember 2016
    Beiträge:
    369
    Danke erhalten:
    214
    Danke vergeben:
    176
    Du kannst den Code noch erweitern, damit es zumindest 20px weiter nach oben rutscht.

    Code:
    .product-info .product-info-stage {
        height: auto !important;
        margin-bottom: 10px !important;
    }
    
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.580
    Danke erhalten:
    238
    Danke vergeben:
    1.026
    Perfekt! :)
    Vielen Dank Till und Secuware