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.671
    Danke erhalten:
    285
    Danke vergeben:
    1.109
    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.954
    Danke erhalten:
    1.588
    Danke vergeben:
    339
    @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.671
    Danke erhalten:
    285
    Danke vergeben:
    1.109
    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:
    386
    Danke erhalten:
    227
    Danke vergeben:
    190
    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.671
    Danke erhalten:
    285
    Danke vergeben:
    1.109
    Perfekt! :)
    Vielen Dank Till und Secuware