gelöst Warenkorb Icon änden

Ich bin nicht 100% sicher, aber liegt es nicht in
/templates/Honeygrid/assets/images/icons ?

 

Das Icon ist im Honeygrid kein Bild, sondern ein Schriftzeichen.
font-family: "gm"
Zeichen:
gm-cart-basket

 

Im css.
Das ist das Symbol:

Code:

.gm-cart-basket:before {
    content: '\e80c';
}

und hier ist die Sprache:

Code:

[class^="gm-"]:before, [class*=" gm-"]:before {
    font-family: "gm";
......}

und in der Honeygrid/ boxes/ box_cart_head.html
wird das mit der Zeile
<i class="gm-cart-basket"></i>

 

Dafür kann man jetzt ganz einfach die Farbe und Größe ändern, das was viele im EyeCandy wollten.

Eventuell reicht es ja die Zeile in der Honeygrid/ boxes/ box_cart_head.html zu ändern.
Das habe ich aber noch nicht probiert.

 

das geht aber auch. Ich habe das mal getestet und einen Warenkorb für PC und Tablet eingefügt.
Auf Smartphones habe ich das alte Icon gelassen, wegen der Größe.

Honeygrid/ boxes/
box_cart_head.htm
kopieren und die Kopie als
box_cart_head-USERMOD.htm
neben der originalen Datei speichern.
die USERMOD öffnen und
diese Zeile suchen:

HTML:

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

ändern in

HTML:

<span class="gm-cart-basket">
                        <img src="{$tpl_path}assets/images/icons/DEIN-ICON.png">
</span>

Das Bild kommt in das Verzeichnis
templates/ Honeygrid/ assets/ images/ icons/

In die eigene css-Datei oder unter css einfügen im Style Editor diesen Code einfügen:

Code:

@media (min-width:768px){
.gm-cart-basket:before {
    content: '';
}}
@media (max-width:767px){
.gm-cart-basket:before {
    content: '\e80c';
}}

Damit ist die Anzeige des alten Korbes auf Bildschirmen ab 768px Breite weg und das neue Icon an der gleichen Stelle.

 

Honeygrid/ boxes/ <-- mit einem "templates/" am Anfang ist das der Pfad zur Datei
box_cart_head.htm <--- Name der Datei

css kannst Du entweder in einer eigenen datei (wunschname.css) im Verzeichnis
templates/ HOneygrid/ usermod/ css/
ablegen, oder im Style Editor eintragen, wenn Du Deinen Style zum Bearbeiten öffnest und dann noch einmal auf den Namen des Styles klickst. Da erscheint unter dem Style "eigenes css Einfügen".

 

ich habe es ein wenig anderes gelöst

Datei - box_cart_head.html kopieren und in box_cart_head-USERMOD.html umbenennen

Zeile:

HTML:

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

ändern in:

HTML:

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

zurück in /YOUR_SHOP_DIRECTORY/templates/Honeygrid/boxes hochladen.

danach ein CSS Datei erstellen oder auch wie oben barbara schrieb

in bsp. custom.css Datei code einfügen

Code:

#cart-container.navbar-cart > ul > li > a.dropdown-toggle .fa-shopping-cart {
    color: rgba(104, 60, 17, 0.82);
    font-size: 40px;
    margin-top: -2px;
    position: absolute;
    right: 20px;
    top: inherit;
}

in /YOUR_SHOP_DIRECTORY/templates/Honeygrid/usermod/css hochladen

 

Ich habe es versucht umzusetzen, hat fast alles geklappt, aber ich habe noch immer das "alte " Warenkorb Symbol und die "Ihr Warenkorb" Schrift ist riesig - jemand eine Idee?

 

Schließende Klammer vergessen?

 

Leider nein... habe auch die USERMOD nochmal neu angelegt bzw die css auch neu - sobald ich die USERMOD aktiviere, taucht der Fehler auf.

 

Sobald Du die aktivierst?
Der Shop sollte da automatisch drauf zugreifen.

 

Ich meinte, wenn ich auf meinem Server die Datei in *.htm_l umbenne, damit Sie nicht gelesen werden kann

 

Schreibe doch mal den Code aus Deiner Datei und den css-Code hier in eine Code-Box (das "+" Symbol oben in der Leiste).
Dann schaue ich mal ob ich die Ursache sehe.