Warenkorb im Header

Thema wurde von oliverkrupp, 27. Februar 2016 erstellt.

  1. anatolibolt

    anatolibolt Mitglied

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Danke erhalten:
    1
    Danke vergeben:
    27
    @michael76 Danke für den Tipp!
    Beides gemacht, immer noch das alte Bild :(
     
  2. Es liegt daran das Du den Warenkorb im falschen Template gespeichert hast
    Du musst es hier abändern:

    /templates/Honeygrid/assets/images/Icons

    danach alle Caches leeren und dann sollte es gehen.

    Gruß Michael
     
  3. anatolibolt

    anatolibolt Mitglied

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Danke erhalten:
    1
    Danke vergeben:
    27
    @michael76 Danke für deine Unterstützung!

    Leider hat das auch nichts gebracht. Ich sehe immer noch schwarz :) bzw. das alte Bild..

    Was könnte man da noch ändern? Oder sollen wir auf update warten?

    upload_2016-4-17_10-19-48.png

    Es wäre auch schön den Text "Ihr Warenkorb" und die Gesamtsumme in eine andere Farbe zu ändern.
    Wie geht dass? HTML-Code umschreiben?
    Wie macht ihr solche Änderungen, die mit StyleEdit nicht machbar sind? Oder habe ich das noch nicht gefunden?

    Danke!

    Gruß
    Anatoli
     
  4. Ed

    Ed Erfahrener Benutzer

    Registriert seit:
    6. November 2011
    Beiträge:
    388
    Danke erhalten:
    188
    Danke vergeben:
    140
    #24 Ed, 17. April 2016
    Zuletzt bearbeitet: 17. April 2016
    Hi, Ihr seid da total auf dem falschen Weg.

    beim honeygrid ist der Warenkorb als Schrift eingebettet und hat nicht mit dem icon (Bild) zu tun. Ihr müsst die box_cart_head.html (liegt im Verzeichnis Honeygrid/boxes) kopieren, die Kopie in box_cart_head-USERMOD.html umbenennen und dort die Änderungen vornehmen. Ihr Könnt dort eine andere "Schrift " einstellen oder auf ein Bild verweisen... Es kann z.B. auch eine neue span klasse angegeben werden und in einer css die Farbe nur für das Warenkorb icon eingestellt werden, oder einfach inline die Farbe angegeben werden....

    Zusatz:

    das ist die entscheidende Zeile

    <i class="gm-cart-basket"></i>

    Gambio bindet die Schrift als i class ein und und holt sich das Schrift Zeichen der "Gambio Schrift" gm-cart-basket. Ihr könnt nun anstelle der Gambio Schrift z.B. auch die glyphonicons verwenden oder eben ein png.

    Willst du ein Bild verwenden, die Zeile wie folgt ersetzen

    <span class="gm-cart-basket-ed"><img src="{$tpl_path}[verzeichnis]cart.png" alt="Shoppingcart" /></span>

    Dann muss natürlich eine css vorhanden sein, in der diese klasse

    gm-cart-basket-ed

    definiert ist.

    z.B.
    .gm-cart-basket-ed{margin-top:5px; position:absolute; right:15px;margin-bottom:25px}

    Bitte beachten: die css muss u.U. für die unterschiedlichen Ansicht (Auflösung) angegeben werden.


    Das [verzeichnis] bitte anlegen oder ein vorhandenes z.B. assets/images/icons verwenden und dort ein Bild cart.png einfügen

    ED
     
  5. @Ed aber die Grafik vom Warenkorb muss doch auch abgelegt werden oder ? Und wenn man diese Grafik tauscht und den Cache leert dann müsste es doch reichen. Grafik gegen Grafik ?

    Gruß Michael
     
  6. Manni_HB

    Manni_HB G-WARD 2012/13/14/15

    Registriert seit:
    26. April 2011
    Beiträge:
    9.098
    Danke erhalten:
    1.540
    Danke vergeben:
    909
    Ort:
    Bremen
    Versuch doch mal in deiner Usermod-css dieses:
    Code:
    #cart-container.navbar-cart > ul > li > a.dropdown-toggle .cart {
        color: red;
    }
     
  7. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Die Anleitung gilt nur für EyeCandy. Im Honeygrid ist dass kein Icon mehr.
    Am Montag soll die Version 2.7.3 kommen. damit kannst Di die Farbe dann leicht über den SE3 ändern.
     
  8. Ed

    Ed Erfahrener Benutzer

    Registriert seit:
    6. November 2011
    Beiträge:
    388
    Danke erhalten:
    188
    Danke vergeben:
    140
    Hi Michal76,

    Standardmäßig ist das Warenkorb icon keine Grafik!!!

    Es ist ein Schrift Sonderzeichen. Standardmäßig ist die "Gambio Schrift" eingestellt und dort das Zeichen \e80c angegeben, das eben nur wie ein Warekorb aussieht.

    Es kann auch eine andere Schrift verwendet werden z.B. glyphonicon oder font-awesome. Dann sieht das Warenkorb Symbol anders aus. So wie Arial und Brush script unterschiedlich aussehen.

    Das könnte man über eine css machen oder eben in der o.a. USERMOD.html die Zeile

    <i class="gm-cart-basket"></i>

    ändern.

    ED
     
  9. Ed

    Ed Erfahrener Benutzer

    Registriert seit:
    6. November 2011
    Beiträge:
    388
    Danke erhalten:
    188
    Danke vergeben:
    140
    Hi Michael,

    da bootstrap ja Zeichen-Schriften beinhaltet, kannst du ja mal in Deinem Test Shop die Zeile

    <i class="gm-cart-basket"></i>

    gegen

    <i class="fa fa-shopping-cart fa-2x"></i>

    austauschen. Dann wird der font awesome shopping cart angezeigt. (Mit css noch die position anpassen)

    ED
     
  10. anatolibolt

    anatolibolt Mitglied

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Danke erhalten:
    1
    Danke vergeben:
    27
    @Ed
    Danke für die ausführliche Erklärung!
    Ich würde lieber mit dem Zeichen versuchen.

    Aber Irgend was mache ich noch nicht korrekt.

    Ich habe folgendes gemacht:
    neue Datei angelegt mit Namen
    box_cart_head-USERMOD.html
    unter Pfad

    html / gx2 / templates / Honegrid / boxes

    und den Code aus der Datei box_cart_head.html kopiert.

    upload_2016-4-17_16-57-48.png

    Was muss man in dieser neuen Datei austauschen?
    <i class="gm-cart-basket"></i> gegen <i class="fa fa-shopping-cart fa-2x"></i> ?

    Ich habe mal gegoogelt und diesen hier ausprobiert:
    <span class="glyphicons glyphicons-shopping-cart"></span>

    Es ändert sich nichts. Immer noch das alte Zeichen.

    @Manfred (zawu.eu)
    Danke für den Tipp!
    Ich habe aber nicht ganz verstanden, und auch nicht rausfinden können, wohin mit dem code?

    Ich würde ganz gerne noch versuchen, und wenn es nicht klappt, dann warte ich auf updaten :) Danke @barbara für die Info!

    Gruß
    Anatoli


     
  11. Manni_HB

    Manni_HB G-WARD 2012/13/14/15

    Registriert seit:
    26. April 2011
    Beiträge:
    9.098
    Danke erhalten:
    1.540
    Danke vergeben:
    909
    Ort:
    Bremen
    Zum Thema "USERMOD-CSS" ist evtl. dieses hilfreich.
     
  12. Ed

    Ed Erfahrener Benutzer

    Registriert seit:
    6. November 2011
    Beiträge:
    388
    Danke erhalten:
    188
    Danke vergeben:
    140
    Hi antolibolt:

    wenn Du glyphicon verwenden willst, musst Du die Zeile

    <i class="gm-cart-basket"></i>

    gegen

    <i class="glyphicon glyphicon-shopping-cart" style="font-size:24px;"></i>

    in der USERMOD.html ersetzen, speichern und dann den cache löschen. Standardmäßig sind glyphonicon meist da zu klein. Ich habe mal den style inline eingebaut. die 24px kannst du nach deinen Wünschen anpassen. Das (style="font-size:24px;) sollte aber in eine css aus gelagert werden, und muss noch um Positions Einstellungen ergänzt werden.

    ED
     
  13. Ed

    Ed Erfahrener Benutzer

    Registriert seit:
    6. November 2011
    Beiträge:
    388
    Danke erhalten:
    188
    Danke vergeben:
    140
    Hi antolibolt,

    hier noch als Ergänzung die ganze Zeile zum Inline Einbau.

    <i class="glyphicon glyphicon-shopping-cart" style="font-size:24px; position: absolute; right:30px; margin-top:18px;"></i>

    damti der oben erwähnte Punkt Positions Einstellungen auch noch definiert ist

    Rest wie oben erwähnt

    style="font-size:24px; position: absolute; right:30px; margin-top:18px;
    muss nicht, sollte aber trotzdem optimaler Weise in eine css geschrieben werden

    ED
     
  14. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.755
    Danke erhalten:
    1.516
    Danke vergeben:
    1.051
    den Cache löschen reichen leider meist nicht, am besten ist es die dynamics.css per FTP im Ordner Cache zu löschen und evtl. noch andere vorhandene css.-Files in diesem Ordner
     
  15. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.309
    Danke vergeben:
    2.208
    Da ist auch ein Bugfix im Servicepack 2.7.3.0 ;)
     
  16. anatolibolt

    anatolibolt Mitglied

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Danke erhalten:
    1
    Danke vergeben:
    27
    Hallo zusammen,
    also, auch nach dem Update (2.7.3.0) finde ich keine Möglichkeit in StyleEdit die Farbe zu ändern.
    Oder vielleicht finde ich es nicht.

    Hat jemand einen Tipp für mich die Farbe des Warenkorbs in StyleEdit zu ändern?
    Vielen Dank im Voraus!
     
  17. Du brauchst 2.7.3.1 dann geht es
     
  18. Oder besser gesagt nach einem Update auf 2.7.3.0 kann es sein das man erst einen neuen Style mit dem SE3 anlegen muss damit alle Neuerungungen aktiv werden
     
  19. anatolibolt

    anatolibolt Mitglied

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Danke erhalten:
    1
    Danke vergeben:
    27
    Danke Michael!
    Nach dem "neuen Style anlegen" funktioniert!