Warenkorbsymbol ändern

Thema wurde von kevin_weidlich, 10. April 2019 erstellt.

  1. kevin_weidlich

    kevin_weidlich Erfahrener Benutzer

    Registriert seit:
    19. März 2019
    Beiträge:
    55
    Danke erhalten:
    0
    Danke vergeben:
    33
    Hallo!
    Wo kann ich denn das Sysmbol für den Warenkorb, welches standardmäßig auf der Hauptseite oben rechts angezeigt wird ändern?
    Vielen DAnk
     
  2. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Das ist ein Zeichen von FontAwsome.
    Obs da inzwischen im SE eine Funktion gibt zum wechseln weiß ich nicht. Ansonsten muss man dazu im Template den SmartyBlog ändern da er da per html/css definiert wird.
     
  3. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    das geht auch per css, wenn es ein anderes FontAwesome-Symbol sein soll.
     
  4. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.167
    Danke erhalten:
    255
    Danke vergeben:
    420
    @barbara das mit dem CCS würde mich schon interessieren, würde gern im neuen Theme Honeygrid den Warenkorb und das mobile Menü mit einem FontAwesome-Symbol ersetzen. Ich glaube Torben hatte in einem Post mal etwas gepostet, aber das funktioniert nicht.
     
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Das geht nicht mehr so einfach, weil der Warenkorb jetzt kein Schriftzeichen mehr ist, sondern ein SVG-Symbol
    Damit muss der Smarty-Block geändert werden.

    Das wäre der originale Block:
    HTML:
    {block name="layout_header_cart_basket"}
                                    <img src="{$theme_path}images/svgs/basket.svg" alt="" class="gx-cart-basket svg--inject">
                                    <span class="cart">
                                        {$txt.heading_cart}<br />
                                        <span class="products">
                                            {block name="layout_header_cart_basket_total"}{$TOTAL}{/block}
                                        </span>
                                    </span>
    {/block}
    die rote Zeile muss geändert werden. Entweder mit einem anderen SVG (wird von FontAwesom angeboten, ich weiß aber nicht, wie das mit den Lizenzen ist)
    oder mit dem Code von FontAwesome, hier ein Beispiel:
    HTML:
    {block name="layout_header_cart_basket"}
                                   <i class="fas fa-shopping-bag"></i>
                   <span class="cart">
                                        {$txt.heading_cart}<br />
                                        <span class="products">
                                            {block name="layout_header_cart_basket_total"}{$TOTAL}{/block}
                                        </span>
                                    </span>
    {/block}
    Ist ungetestet.
     
  6. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.167
    Danke erhalten:
    255
    Danke vergeben:
    420
    @barbara danke, geht aber nicht. Macht nichts.
     
  7. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    was genau geht nicht?
     
  8. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Ich sehe schon... ich schau mal genauer.
     
  9. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.167
    Danke erhalten:
    255
    Danke vergeben:
    420
    @barbara , habe den Code genommen und Ihn in Datei geladen und Datei hoch geladen, ich weiß nicht updatesicher, und alle Caches gelöscht, aber das Symbol wird nicht angezeigt. Habe aber auch gesehen es gibt noch eine andere Datei wo der Warenkorb und Menu drinnen ist, einmal in dieser "layout_header_cart" und dieser "layout_header_navbar_buttons", ist ja erst alles recht frisch und ich habe Zeit :)
     
  10. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    An der Stelle tut sich gerade gar nichts, nicht mal wenn ich das in den beiden originalen Dateien komplett raus nehme.
    und das SVG umbenenne....
     
  11. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.167
    Danke erhalten:
    255
    Danke vergeben:
    420
    Keine Ahnung... aber glaube schon, dass irgend wann mal ne Lösung gibt :)
     
  12. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Ich will mein Bild da auch wieder rein bekommen....dazu muss das SVG weg :D
     
  13. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.167
    Danke erhalten:
    255
    Danke vergeben:
    420
    #13 hartwigbusse, 21. Juni 2019
    Zuletzt bearbeitet: 21. Juni 2019
    AAAhhh okay, ich dachte es sollte einfach sein, also wenigstens Bilder wechseln..;)
    Vielleicht solltest du dein Bild, also mit dem Dateinamen des originals umbenennen. Also ich konnte deine Datei in SVG umwandeln, ging online "https://image.online-convert.com/convert-to-svg"
     
  14. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Das geht nicht.
    Mein bild ist ein jpeg, das originale ist ein SVG.
    das hier:
    HTML:
    <path d="M1920 768q53 0 90.5 37.5t37.5 90.5-37.5 90.5-90.5 37.5h-15l-115 662q-8 46-44 76t-82 30h-1280q-46 0-82-30t-44-76l-115-662h-15q-53 0-90.5-37.5t-37.5-90.5 37.5-90.5 90.5-37.5h1792zm-1435 800q26-2 43.5-22.5t15.5-46.5l-32-416q-2-26-22.5-43.5t-46.5-15.5-43.5 22.5-15.5 46.5l32 416q2 25 20.5 42t43.5 17h5zm411-64v-416q0-26-19-45t-45-19-45 19-19 45v416q0 26 19 45t45 19 45-19 19-45zm384 0v-416q0-26-19-45t-45-19-45 19-19 45v416q0 26 19 45t45 19 45-19 19-45zm352 5l32-416q2-26-15.5-46.5t-43.5-22.5-46.5 15.5-22.5 43.5l-32 416q-2 26 15.5 46.5t43.5 22.5h5q25 0 43.5-17t20.5-42zm-1156-1217l-93 412h-132l101-441q19-88 89-143.5t160-55.5h167q0-26 19-45t45-19h384q26 0 45 19t19 45h167q90 0 160 55.5t89 143.5l101 441h-132l-93-412q-11-44-45.5-72t-79.5-28h-167q0 26-19 45t-45 19h-384q-26 0-45-19t-19-45h-167q-45 0-79.5 28t-45.5 72z"></path>
    wird vom System (Browser?) zu einem Bild zusammengesetzt und ergibt das Warenkorb-Icon.

    Ich habe aber gerade mal im 3.13. - Beitrag angefragt, auch wegen der Lizenz für die FontAwesome-SVGs.
    Das wäre für dich der einfachste Weg, da du dann tatsächlich nur das Bild tauschen müsstest :)
     
  15. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.167
    Danke erhalten:
    255
    Danke vergeben:
    420
    #15 hartwigbusse, 21. Juni 2019
    Zuletzt bearbeitet: 21. Juni 2019
    Also dein Bild ist eine png und das konnte ich in svg umwandeln.
    Nein, ich will statt einer svg ein Schriftzeichen.
     
  16. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Stimmt, ist eine png, kein jpeg :)
     
  17. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.167
    Danke erhalten:
    255
    Danke vergeben:
    420
    Also umwandeln lassen, den svg Ordner runterladen, deiner Datei den originalnamen (basket.svg) geben und wieder hochladen, dann wirst du sehen :)
     
  18. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    werde ich testen. danke.
    nee, so einfach geht es dann doch nicht, weil ich das Bild wechsel, wenn ein Arikel im WK liegt :)
     
  19. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.167
    Danke erhalten:
    255
    Danke vergeben:
    420
    ahh okay, habe es gerade gesehen, das ist natürlich...., viel Glück
     
  20. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.167
    Danke erhalten:
    255
    Danke vergeben:
    420
    Aber das müsste doch genau so funktionieren, das ist aj auch eine png. nur das es ein anderer Pfad ist, oder sehe ich das falsch?