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

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!

 

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.

 

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?

 

Im Shop mit rechter Maus und Bild/Grafik in neuem Tab öffnen. Dann siehst du den Pfad in der Adresszeile.

 

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

 

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.

 

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.

 

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.

 

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.

 

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 ...

 

Hat er doch geschrieben, er hat den Header geändert und nutzt nun die andere Warenkorb Variante die Gambio von Haus aus anbietet.

 

Hmm, irgendwie steh ich total aufem Schlauch. Ich weiß nicht wo ich es einstellen soll.

 

StyleEdit > Bereiche > Header > Varianten > Header 2:

 

Admin-Bereich > Theme bearbeiten (StyleEdit)

Header >

Sekundärspalte eingeblendet
+
kleiner Warenkorb ausgeblendet
=





Sekundärspalte ausgeblendet
+
kleiner Warenkorb eingeblendet
=

 

...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

 

Ich habe Honeygrid, dort gibt es nur eine Variante ....

 

Ich habe Honeygrid, dort gibt es diese Auswahl nicht: Siehe Bild

 

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!!!

 

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:

 

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}