erstelle im Order GXModules dieses Verzeichnis: Carl/Warenkorb/Shop/Templates/Honeygrid/Boxes/ und darin eine Datei Namens box_cart_head.html mit diesem Inhalt: HTML: {block name="box_cart_head_basket"} <span class="gm-cart-basket"> <img src="{$tpl_path}assets/images/icons/DEIN-ICON.png"> </span> <span class="cart"> {$txt.heading_cart}<br /> <span class="products"> {block name="box_cart_head_basket_total"}{$TOTAL}{/block} </span> </span> {/block} Statt DEIN-ICON.png muss Dein Bildname für den Warenkorb eingesetzt werden. Die anderen Änderungen bleiben wie beschrieben. Cache für Texte, Module und Seiten (in dieser Reihenfolge) leeren, Eventuell auch den vom Browser. Wenn das nicht geht, brauche ich einen Link zum Shop.
Sorry für meine späte Rückmeldung... Ich bin deiner Anleitung gefolgt, es stellt sich aber keine Änderung ein. Was ich nicht verstehe: Von wo aus wird denn die Datei abgerufen, die ich einfügen soll? Und warum lege ich sie in einem Unterordner namens "Carl" ab? Einen Link kann ich dir nur zur Offline-Version des Shops geben.
Du kannst Die Datei auch "tanteTrude" nennen, oder Deinen Shopnamen nehmen. Das dienst nur der Übersicht, weil Gambio und andere Modulhersteller den Ordner ebenfalls nutzen. Du weißt somit, das Deine Anpassungen in diesem Ordner liegen. Du hast die anderen Änderungen gemacht, Dein Bild in dem entsprechenden Pfad hochgeladen und Dein Bildnamen in die Datei eingetragen? Danach den Cache für Module und Seiten geleert?
In Code: /GXModules/Carl/Warenkorb/Shop/Templates/Honeygrid/Boxes liegt die Datei Code: box_cart_head.html mit dieser modifizierten Codezeile: Code: <img src="{$tpl_path}assets/images/icon/shoppingbag_symbol.png"> Diese Grafik wird auch angezeigt. Die CSS-Modifikation sieht so aus: Code: @media (min-width:768px){ .gm-cart-basket:before { content: ''; }} @media (max-width:767px){ .gm-cart-basket:before { content: ''; }} Den Cache für Module und Seiten habe ich gerade eben noch einmal geleert. Der "alte" Warenkorb wird leider immer noch angezeigt.
Hallo, ich habe das gleiche Problem und bei mir funktioniert der Code auch nicht. Würde mich freuen wenn es dazu in diesem Threat nochmal Hilfe geben würde. Muss die CSS Modifikation mit eingebaut werden oder müsste sie automatisch im StyleEdit auftauchen wenn das HTML- Dokument funktioniert ? Danke schonmal www.frenkhandon.www87.hostkraft.de ist die Website falls sich jemand einen Überblick verschaffen möchte
Also ich habe das bei mir im Shop (3.8.0) und im Testshop (3.10.0) Bei mir gibt es 2 Bilder: eins mit leerem Korb und eins mit vollem Korb. Mobil bleibt das Warenkorb-Symbol. meine GXModules/Name/Allgemeines/Shop/Templates/Honeygrid/Boxes/box_cart_head.html hat diesen Inhalt: HTML: {block name="box_cart_head_basket"} {*<i class="gm-cart-basket"></i>*} <span class="basket"> {if $productsCount == 0} <img src="{$tpl_path}icon-grey-basket-big.png" alt="" /> {/if} {if $productsCount > 0} <img src="{$tpl_path}shopping-cart-icon-full.png" alt="" /> {/if} </span> <span class="cart"> {$txt.heading_cart}<br /> <span class="products"> {block name="box_cart_head_basket_total"}{$TOTAL}{/block} </span> </span> {/block} Meine Bilder liegen im Verzeichnis templates/Honeygrid/ Dann habe ich im Verzeichnis templates/Honeygrid/usermod/css/ eine Datei mein.css (Das müsste aber genau so im Style Editor unter eigenes css funktionieren) mit diesen Codes: Code: @media (min-width:768px){ .gm-cart-basket:before { content: ''; }} @media (max-width:767px){ .gm-cart-basket:before { content: '\e80c'; }}
Ich habe bei mir die Datei box_cart_head.html im GXModules/XXXX/template/Shop/Templates/Honeygrid/Boxes/box_cart_head.html mit folgendem Inhalt angelegt: HTML: {block name="box_cart_head_list_item"} <li> <a id="fhws_cart" href="{'shopping_cart.php'|xtc_href_link}" class="dropdown-toggle"> {block name="box_cart_head_basket"} <i class="gm-cart-basket"></i> {/block} {block name="box_cart_head_products_count"} {if $showProductsCount == 'true'} <span class="cart-products-count{if $products|@count == 0} hidden{/if}"> {$products|@count} </span> {else} <span class="cart-products-count{if $productsCount == 0} hidden{/if}"> {$productsCount} </span> {/if} {/block} </a> {block name="box_cart_head_dropdown"}###SHOPPING_CART_DROPDOWN###{/block} </li> {/block} Dann habe ich im Verzeichnis GXModules\XXXX\template\Shop\Templates\All\Css eine Datei top_navi.css (Das müsste aber genau so im Style Editor unter eigenes css funktionieren) wie folgt angelegt: Code: #fhws_cart { background-position: center center; background-size: 418px; background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22566.93px%22%20height%3D%22566.93px%22%20viewBox%3D%220%200%20566.93%20566.93%22%20enable-background%3D%22new%200%200%20566.93%20566.93%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23313131%22%20d%3D%22M279.252%2C270.224h7.843v6.486h-7.843V270.224z%20M277.138%2C268.11v8.601h-5.447L269%2C300.93h27.986v-0.008%0A%09l-2.691-24.211h-5.086v-6.486v-2.114H277.138z%22/%3E%0A%3C/svg%3E%0A) } Ich verwende eine SVG Datei als Bild.
Grade noch mal getestet: Geht nicht. Deiner CSS fehlen übrigens noch zwei schließende Brackets. Mein unsauberer Workaround: Style-Edit -> Header -> Kleiner Warenkorb -> Farbe des Icons & Farbe des Icons Sticky: Code: rgba(51, 51, 51, 0)
Hi @Till (Gambio) , dein Tipp ist super verständlich formuliert, nur leider funktioniert es bei mir nicht Hat sich inzwischen eventuell was geändert? Würde mich sehr über eine kleine Hilfe freuen. Danke im Voraus
Das css ist im Style Editor (eigenes css). Das wird dir aber nicht viel nützen, da Du dort nur ein anderes Gambio-Icon einfügen könntest und keins von einer anderen Schriftart.
im Style Editor konnte ich nicht feststellen wo genau das Warenkorb-Icon außer Farbe und Größe geändert werden konnte.
Wenn überhaupt, dann geht das nur im eigenen css. Aber wie gesagt, da wird ein Gambio-Schriftzeichen gesetzt und man kann dieses nur gegen ein anderes Gambio-Schriftzeichen tauschen. Das wird dir nichts nützen.
für ein Shop mit Mode/Fashion ist das Warenkorb-Icon ja in Ordnung aber mit z.B. Werkzeuge geht’s gar nicht. Ich habe keine Erfahrung mit css, könntest du bitte mir darauf Hinweis geben... .
Noch mal. Das Warenkorb-Symbol ist kein Icon, sondern ein Schriftzeichen. Du kannst das bestehende Schriftzeichen nur gegen ein anderes Gambio-Schriftzeichen tauschen. Versuche einmal dieses: öffne den Style Editor und Deinen Style. Klicke oben auf den Namen Deines Styles, jetzt sollte darunter ein Link auftauchen "eigenes css hinzufügen" das öffnest Du Da geht ein PopUp auf und da trägst Du das ein (sollte schon etwas darin stehen, dann kommt der Code ganz ans Ende): Code: .gm-cart-basket:before { content: '\e821'; } Dann hast Du statt dem Korb einen Einkaufswagen
versucht, ändert sich nicht. hier der Inhalt meiner css mit deinem Code schon ans Ende eingetragen: Code: @media (min-width: $grid-float-breakpoint) { #topbar-container { background: transparent; margin-top: -30px; @include border-top-radius(10px); .navbar-topbar { margin-right: 30px; } } #footer { @include border-bottom-radius(10px); } } .gm-cart-basket:before { content: '\e821'; }