gelöst Warenkorb Slide in - Liste der Artikel verlängern?

Thema wurde von Anonymous, 10. Juni 2023 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.567
    Danke erhalten:
    236
    Danke vergeben:
    1.012
    Hallo zusammen,

    bei dem Malibu-Warenkorb, der von rechts eingeblendet wird, sobald man einen Artikel in den Warenkorb legt oder das Warenkorb-Symbol anklickt, wird meiner Ansicht nach zu viel Platz einfach ungenutzt gelassen. Das ist insbesondere bei der Desktop-Ansicht der Fall (siehe Bilder im Anhang).

    Wäre es möglich, die Liste, in der die Artikel dargestellt werden, zu verlängern, um mehr Raum unten zu nutzen? Im Demo-Shop finden zwar viele Artikel Platz, aber dort sind die Artikelnamen alle sehr kurz, was unter realen Bedingungen selten vorkommt. Daher ist der Warenkorb in Real Shops meist schon nach 2-3 Artikel nicht mehr auf einem Blick ersichtlich und muss gescrollt werden, dabei wäre unten doch noch massig Platz.

    Hat jemand vielleicht eine Idee, ob man das schnell und einfach via CSS verändern könnte, oder sind dafür tiefere Eingriffe notwendig?

    Besten Dank und freundliche Grüsse!
     

    Anhänge:

  2. Anonymous

    Anonymous Administrator
    Mitarbeiter

    Registriert seit:
    26. April 2011
    Beiträge:
    1.715
    Danke erhalten:
    1.308
    Danke vergeben:
    305
    @DrGuu Versuche es mal mit folgendem CSS im StyleEdit:

    Code:
    #offcanvas-cart-content {
    background-color: #fff;
     
    
    ul.dropdown-menu .dropdown-footer {
    position: fixed;
    bottom: 0px;
    width: 300px;
      }
    }
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.567
    Danke erhalten:
    236
    Danke vergeben:
    1.012
    #3 Anonymous, 10. Juni 2023
    Zuletzt bearbeitet: 10. Juni 2023
    Klappt leider noch nicht ganz.
    Der Button "Zum Warenkorb" ist nun zwar ganz unten auf der Seite (siehe Screenshot, ich habe dort 8 Artikel im Warenkorb aber man sieht nur ungefähr 3, dann muss gescrollt werden trotz massig Platz nach unten) aber die Liste der Artikel wurde dadurch leider nicht länger, die ist noch genauso kurz wie vorher. Wir müssten jetzt die Liste noch länger bekommen, Platz genug wäre ja da. :)
     

    Anhänge:

  4. Anonymous

    Anonymous Administrator
    Mitarbeiter

    Registriert seit:
    26. April 2011
    Beiträge:
    1.715
    Danke erhalten:
    1.308
    Danke vergeben:
    305
    @DrGuu Versuche es mit dem diesem CSS:

    Code:
    #offcanvas-cart-content {
    background-color: #fff;
      ul.dropdown-menu>.cart-dropdown-inside ul.products-list
      {
          padding: 0 0 200px;
          max-height: 100%;
      }
    
    ul.dropdown-menu .dropdown-footer {
      background-color: #fff;
    position: fixed;
    bottom: 0px;
    width: 300px;
      }
    }
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.567
    Danke erhalten:
    236
    Danke vergeben:
    1.012
    Perfekt! Jetzt klappts!
    Vielen Dank! :)