[gelöst] Warenkorb-Icon (Symbol) ändern

Thema wurde von Anonymous, 28. Dezember 2022 erstellt.

  1. Anonymous

    Anonymous Mitglied

    Registriert seit:
    14. November 2022
    Beiträge:
    16
    Danke erhalten:
    2
    Danke vergeben:
    15
    Hallo Community,

    innerhalb dieses Themas möchte ich gerne in Erfahrung bringen, wie ich innerhalb eines Honeygrid-Themes das Icon des Warenkorbes verändere.
    Vermutlich muss die Bilddatei des neuen Warenkorbes an einem bestimmten Speicherort abgelegt werden.
    Wird dafür ein bestimmter Style benötigt? Wenn ja, wo sollte die Datei mit dem Code abgelegt werden?

    Vielen Dank für Eure Hilfe!

    Viele Grüße
    Patrick!
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    1. September 2012
    Beiträge:
    2.529
    Danke erhalten:
    451
    Danke vergeben:
    161
    Wenn der Warenkorb eine Bilddate ist, kannst du es mit rechter Maus ja rausfinden. Ich denke aber es ist ein Symbolbuchstabe, wie bei WingDings, der per CSS gesetzt wird.
     
  3. Anonymous

    Anonymous Mitglied

    Registriert seit:
    14. November 2022
    Beiträge:
    16
    Danke erhalten:
    2
    Danke vergeben:
    15
    Wie finde ich das heraus? Indem ich mir den Seitenquelltext anschaue? In dem Fall ist es sogar ein SVG. Macht ja auch Sinn, da man ja die Farbe des Korbes über den StyleEdit ändern kann. Aber was genau soll ich jetzt noch über den Quelltext herausfinden?
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    1. September 2012
    Beiträge:
    2.529
    Danke erhalten:
    451
    Danke vergeben:
    161
    Im Shop mit rechter Maus und Bild/Grafik in neuem Tab öffnen. Dann siehst du den Pfad in der Adresszeile.
     
  5. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.171
    Danke erhalten:
    257
    Danke vergeben:
    425
    So habe ich meinen Warenkorb, aber in Malibu eingebunden. Die Datei ist layout_secondary_navigation.html, wie die Datei in Honygridtheme ist musst du schauen.
    Code:
    {block name="index_outer_wrapper_header_inside_shopping_cart"}
                                        <img src="images/mein/warenkorb333.png" alt="der Warenkorb" class="new-cart-basket" width="40" height="50">
                                    {/block}
    Gehört updatesicher in GXModules
     
  6. sjra66

    sjra66 Erfahrener Benutzer

    Registriert seit:
    18. April 2024
    Beiträge:
    57
    Danke erhalten:
    0
    Danke vergeben:
    13
    #6 sjra66, 17. Juli 2024
    Zuletzt bearbeitet: 17. Juli 2024
    Ich möchte auch mein Warenkorb Icon im Malibu ändern, weiß aber nicht wie. Wo ändere ich die Datei? Und wo lade ich den Icon hoch?
    In diesem Shop https://www.plaine.de gefällt mir das sehr gut. Wie bekomme ich es hin, dass ich auch dort stehen habe "Ihr Warenkorb" und dann mein Icon dazu?
    Vielen Dank im Voraus.
     
  7. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.171
    Danke erhalten:
    257
    Danke vergeben:
    425
    Hallo,
    Die Datei steht da, wo man es ändern kann. Der Block auch.
    Updatesicher geht so. In GX Module gehört ein Ordner mit einen Namen, den du bestimmst, Dann kommt ein Ordner "Heade-icon" dann wieder ein Ordner, "Shop" dann wieder ein Ordner "Themes" dann noch einer mit Namen "Malibu" und in diesen gehört deine geänderte Datei.
    Das Bild lädst du in den Dateimanager. Denke daran, das der Pfad stimmt.
    Ich hoffe das war verständlich.
     
  8. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.448
    Danke erhalten:
    11.248
    Danke vergeben:
    1.606
    Schreibe mal bitte zu solchen Fragen, ob Du einen Cloudshop hast, oder selber hostest.
    Im Cloudshop hast Du keinen Zugriff auf GXModules, da geht es nur über das Theme.
     
  9. sjra66

    sjra66 Erfahrener Benutzer

    Registriert seit:
    18. April 2024
    Beiträge:
    57
    Danke erhalten:
    0
    Danke vergeben:
    13
    Nein ich habe keinen Cloudshop. :) Vielen lieben Dank für den Hinweis. Habe jetzt den Header geändert und da habe ich es so, wie ich es haben will. Ohne groß was zu verändern. :)
     
  10. schalk_tuning

    schalk_tuning Aktives Mitglied

    Registriert seit:
    7. Oktober 2020
    Beiträge:
    29
    Danke erhalten:
    6
    Danke vergeben:
    16
    Hallo,
    wäre schön, wenn du uns Andere auch daran teilhaben lassen würdest. Ich möchte den Button auch ändern und weiß leider nicht wo und wie ...
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.567
    Danke erhalten:
    236
    Danke vergeben:
    1.012
    Hat er doch geschrieben, er hat den Header geändert und nutzt nun die andere Warenkorb Variante die Gambio von Haus aus anbietet.
     
  12. schalk_tuning

    schalk_tuning Aktives Mitglied

    Registriert seit:
    7. Oktober 2020
    Beiträge:
    29
    Danke erhalten:
    6
    Danke vergeben:
    16
    Hmm, irgendwie steh ich total aufem Schlauch. Ich weiß nicht wo ich es einstellen soll.
     
  13. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.082
    Danke erhalten:
    931
    Danke vergeben:
    338
    StyleEdit > Bereiche > Header > Varianten > Header 2:

    header2.png
     
  14. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.759
    Danke erhalten:
    704
    Danke vergeben:
    254
    #14 Anonymous, 22. Juli 2024
    Zuletzt bearbeitet: 22. Juli 2024
    Admin-Bereich > Theme bearbeiten (StyleEdit)

    Header >

    Sekundärspalte eingeblendet
    +
    kleiner Warenkorb ausgeblendet
    =

    upload_2024-7-22_14-46-21.png



    Sekundärspalte ausgeblendet
    +
    kleiner Warenkorb eingeblendet
    =

    upload_2024-7-22_14-47-20.png
     
  15. schalk_tuning

    schalk_tuning Aktives Mitglied

    Registriert seit:
    7. Oktober 2020
    Beiträge:
    29
    Danke erhalten:
    6
    Danke vergeben:
    16
    #15 schalk_tuning, 22. Juli 2024
    Zuletzt bearbeitet: 22. Juli 2024
    ...und wo genau kopiere ich das geänderte hin, habe themes/Honeygrid bei mir laufen ....
    Hintergrund ist, ich habe den Echtshop in der Gambio Version: v4.2.0.0 laufen. Habe mit meiner Computerfirma bis auf Gambio Version: v4.9.4.1 geupdatet und nicht ging mehr. Also Datensicherung zurück und einen Testshop angelegt, den kann ich aber leider nicht zeigen, da alles Passwortgeschützt ist, damit er in Google nicht gefunden wird.
    Dort habe ich nach und nach alles wieder angepasst und Verbesserungen eingebaut, aber ein paar Sachen wollen halt nicht, da ich noch nicht begriffen habe wie genau geänderte Dateien eingebunden werden.
    Habe z. B. das basket.svg geändert aber der Shop schreibt immer wieder das originale zurück ...
    Habe mir aus der Not heraus die Änderungen mit Text davor und danach gespeichert, so daß ich nach einen Update alles wieder ändern kann.

    www.schalk-tuning.de
     
  16. schalk_tuning

    schalk_tuning Aktives Mitglied

    Registriert seit:
    7. Oktober 2020
    Beiträge:
    29
    Danke erhalten:
    6
    Danke vergeben:
    16
    Ich habe Honeygrid, dort gibt es nur eine Variante ....
     
  17. schalk_tuning

    schalk_tuning Aktives Mitglied

    Registriert seit:
    7. Oktober 2020
    Beiträge:
    29
    Danke erhalten:
    6
    Danke vergeben:
    16
    Ich habe Honeygrid, dort gibt es diese Auswahl nicht: Siehe Bild
    Fehler Warenkorb.jpg
     
  18. schalk_tuning

    schalk_tuning Aktives Mitglied

    Registriert seit:
    7. Oktober 2020
    Beiträge:
    29
    Danke erhalten:
    6
    Danke vergeben:
    16
    Ich bekomme diese Symbol einfach nicht geändert .....
    Wie schon geschrieben, habe ich Honeygrid-Theme.
    Dort im Ordner: GXModules/schalk-tuning/Honeygrid/Anpassung/Shop/themes/all die Datei von @hartwigbusse: layout_secondary_navigation.html erstellt und reinkopiert, die Datei "warenkorb333.png" in den Ordner: images/mein reingeschoben, den Cache geleert, aber leider sehe ich immer noch nur den basket.svg als Warenkorb!!
    Irgendwie bekomme ich das einfach nicht hin!!!
     
  19. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.082
    Danke erhalten:
    931
    Danke vergeben:
    338
    Ja, es ist leider viel aufwendiger, als man es sich wünschen würde. Ich habe mir das heute Morgen mal angeschaut. Hoffe, es hilft:

     
  20. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.448
    Danke erhalten:
    11.248
    Danke vergeben:
    1.606
    Du musst in Deinem Theme schauen, wo der Warenkorb / das Warenkorb-Bild steht.
    Honeygrid hat keine Sekundärspalte, deshalb gibt es die Datei da auch nicht.

    Das Warenkorbsymbol steht in
    layout_header_cart.html

    Es gibt 2 Möglichkeiten:
    1. im Ordner GXModules ein eigenes Verzeichnis anlegen:
    GXModules/DeinName/Warencorb/Shop/Themes/All/layout_header_cart.html

    Dann ist die Änderung für alle Themes, die diese Datei erben.

    Oder, wenn es nur für das Theme sein soll, bzw. für Cloudshop-User
    2. im Theme-Ordner selber.
    Die Datei ist im Grunde die
    Der Pfad ist:
    Themes/genutzes_Theme(hier Honeygrid)/html/custom/mein_layout_header_cart.html
    Der Ordner "custom" muss beim eventuell erst angelegt werden

    Der Inhalt ist:
    HTML:
                                {block name="layout_header_cart_basket"}
                                    <img src="Pfad-zum-Bild/Bildname.png" alt="shopping-cart-Icon" class="gx-cart-basket">
                                    <span class="cart">
                                        {$txt.heading_cart}<br />
                                        <span class="products">
                                            {block name="layout_header_cart_basket_total"}{$TOTAL}{/block}
                                        </span>
                                    </span>
                                {/block}
    "Pfad-zum-Bild" und "Bildname" müssen entsprechend der eigenen Daten ersetzt werden.

    Wer ein SVG nutz, könnte auch versuchen dieses im Shop auszutauschen, bzw. den SVG-Namen in der Datei zu ändern.
    und das eigene SVG in der selben Datei abzulegen.

    Das originale SVG liegt in
    Themes/Honeygrid/images/svgs/
    und hat den Namen
    basket.svg

    Achtung:
    ich würde das eigene Bild nicht so nennen, wie das originale.
    Sollte Gambio das mal ändern, würde Euer Bild überschreiben.

    Aber ein "basket_neu.svg" oder "mein_basket.svg" im gleichen Verzeichnis würde gehen.
    dann müsste der Code in der Datei gehen:

    HTML:
                                {block name="layout_header_cart_basket"}
                                    <img src="{$theme_path}images/svgs/mein_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}