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.672
    Danke erhalten:
    285
    Danke vergeben:
    1.110
    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.954
    Danke erhalten:
    1.588
    Danke vergeben:
    339
    @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.672
    Danke erhalten:
    285
    Danke vergeben:
    1.110
    #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.954
    Danke erhalten:
    1.588
    Danke vergeben:
    339
    @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.672
    Danke erhalten:
    285
    Danke vergeben:
    1.110
    Perfekt! Jetzt klappts!
    Vielen Dank! :)