Warenkorb in die Topnavigation

Thema wurde von Anonymous, 29. Dezember 2016 erstellt.

  1. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    20. Dezember 2016
    Beiträge:
    27
    Danke erhalten:
    2
    Danke vergeben:
    10
    Hallo allerseits,

    ich wüsste gerne wie ich den Warenkorb ganz rechts in die Topnavigation bekomme. Ich habe es schon mit den Grid Spalten und über CSS probiert. Wenn ich die Grid verstelle dann wird der Header einfach grösser und schiebt alles nach untern. Und über CSS ist es so dass sobald der Warenkorb an den Übergang vom Header zur Topnavigation kommt, wird der Warenkorb von der Topnavi überdeckt.
    Vielen Dank für die Hilfe
     
  2. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    20. Dezember 2016
    Beiträge:
    27
    Danke erhalten:
    2
    Danke vergeben:
    10
    Kann mir jemand helfen?
     
  3. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Das müsste man sich bei Dir direkt ansehen.
    Und man müsste auch wissen, wo genau Du den Warenkorb hin haben möchtest ( also ein Bild) :)
     
  4. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    20. Dezember 2016
    Beiträge:
    27
    Danke erhalten:
    2
    Danke vergeben:
    10
    Hallo Barbara

    ich hab da mal ein Foto hochgeladen.
    Und ist es möglich die Kategorieauswahl in der Suchleiste weg zu machen?
     

    Anhänge:

    • shop.PNG
      shop.PNG
      Dateigröße:
      1,1 MB
      Aufrufe:
      103
  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Versuche es mal damit:
    Code:
    @media (min-width: 768px){
    #cart-container.navbar-cart {
        margin-top: 80px;
        z-index: 1;
    }
    #categories .navbar-default .navbar-nav {
        margin-top: -60px;
    }}
    
    Da ich Deinen Shop nicht sehe, kann ich Dir auch nicht die genauen Werte für nennen. Da musst Du ein bisschen probieren.
     
  6. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    20. Dezember 2016
    Beiträge:
    27
    Danke erhalten:
    2
    Danke vergeben:
    10
    Vielen Dank, mit folgendem Code konnte ich den Warenkorb an die richtige stelle bringen:

    Code:
    @media (min-width: 768px){
    #cart-container.navbar-cart {
        margin-top: 50px;
        z-index: 1;
    }
    #categories .navbar-default .navbar-nav {
        margin-top: 0px;
    }}
    Jetzt hab ich aber das Problem, dass die Warenkorbvorschau hinter dem Teaser Slider ist...
     
  7. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Es gibt für das cart-dropdown mehrere Bereiche
    arrow, header, inside, producs, footer (habe ich jetzt alle?)
    die muss einen z-index bekommen, der höher ist als der des Teasers.
     
  8. woodi24de
    woodi24de Erfahrener Benutzer
    Registriert seit:
    7. März 2014
    Beiträge:
    192
    Danke erhalten:
    3
    Danke vergeben:
    9
    Hallo,
    sitze an dem Gleichen Vorhaben. Kannst du mir sagen welchen Code ich brauche um es noch weiter nach rechts zu bekommen?

    Und gibt es eine Möglichkeit das Logo über den Slider zu legen?

    upload_2017-1-5_14-33-31.png
     
  9. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    20. Dezember 2016
    Beiträge:
    27
    Danke erhalten:
    2
    Danke vergeben:
    10
    Hast du es mit den Grid Spalten im Style Edit schon probiert?
     
  10. woodi24de
    woodi24de Erfahrener Benutzer
    Registriert seit:
    7. März 2014
    Beiträge:
    192
    Danke erhalten:
    3
    Danke vergeben:
    9
    Ne wo finde ich das?
     
  11. woodi24de
    woodi24de Erfahrener Benutzer
    Registriert seit:
    7. März 2014
    Beiträge:
    192
    Danke erhalten:
    3
    Danke vergeben:
    9
    Also wenn ich da die Größen ändere passiert leider garnichts
     
  12. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    20. Dezember 2016
    Beiträge:
    27
    Danke erhalten:
    2
    Danke vergeben:
    10
    Unter Header dann Grid-Spalten Gross entweder bei kleiner Warenkorb oder Freigestaltbarer Bereich
     
  13. Hallo, da häng ich mich gerne drann... mein Logo erscheint zwar an der richtigen Stelle, allerdings zu kleib. Ich habe bei Logo schon einige Einstellungen verändert und dabei keine Größenveränderung des Logos erzielt. Gibts da nen Tipp??