Darstellung Zusatzfelder in der Mobilen Ansicht

Thema wurde von Akku Expert GmbH, 8. Februar 2023 erstellt.

  1. Akku Expert GmbH

    Akku Expert GmbH Erfahrener Benutzer

    Registriert seit:
    17. September 2019
    Beiträge:
    89
    Danke erhalten:
    3
    Danke vergeben:
    43
    Wir nutzen bei einem Teil unserer Artikel die Zusatzfelderfunktion.
    In der Mobilen Ansicht sind diese jedoch verschoben und passen nicht ordentlich zusammen. (siehe Beispielbild)

    Kann ich das in einem Cloudshop im Styleedit bzw. den internen Shopeinstellungen selbst anpassen oder ist der Name der Felder einfach zu lang?
     

    Anhänge:

  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.474
    Danke erhalten:
    11.263
    Danke vergeben:
    1.607
    Der Name ist zu lang. Wenn da nur "zzgl. Batteriepfand" steht, passt es zumindest bei Geräten über 370px Breite

    Oder du müsstest die Breiten der Spalten ändern, das ginge im StyleEditor unter eigenes css hinzufügen.
    Ungetestet:
    Code:
    @media (max-width: 767px){
    .product-info .product-info-details dl dt {
        width: 55%;
    }
    .product-info .product-info-details dl dd {
        width: 45%;
    }}
    gegebenenfalls müssen die Werte angepasst werden.
    Sollte der Code nicht genommen werden hilft vielleicht ein "!important" hinter dem Wert:
    width: 45% !important;
     
  3. Akku Expert GmbH

    Akku Expert GmbH Erfahrener Benutzer

    Registriert seit:
    17. September 2019
    Beiträge:
    89
    Danke erhalten:
    3
    Danke vergeben:
    43
    Vielen Dank für die Hilfe.
    Die Bezeichnung kürzen hat schon gereicht. Hätte ich auch einfach mal selbst testen können habe es ja sogar vermutet.

    Das mit dem CSS hat aber auch perfekt geklappt und bevorzuge ich defintiv!