Hallo zusammen, ich bin immer noch dabei den ersten Shop auf die Beine zu und habe zwei Probleme bei denen ich nicht weiter komme: Wie kann ich beim Malibu Theme das Cart Icon (Einkaufstasche) ausblenden? Möchte statt dessen nur den kleinen Warenkorb nutzen. Geht das? Falls nein, würde ich keine die Icons austauschen. Ich habe die beiden Icons Cart und Wishlist im Ordner /themes/Malibu/images/svgs durch neue mit gleichem Namer ersetzt. Leider jedoch ohne Erfolg. Ist das das falsche Verzeichnis oder was ist der Fehler. Vielen Danke für eure Infos. Gruß Timo
Danke barbara für die Info. Leider verstehe ich nicht ganz wo ich da die Quellenangabe für das icon rein schreiben soll. Kannst Du da mir nochmals helfen?
Ich gehe davon aus, dass du keinen Cloudshop hast. erstelle im Ordner GXModules/ ein eigenes Verzeichnis oder nutze ein bestehendes eigenes Verzeichnis: Meins/Warenkorb/Shop/Themes/Malibu/ und darin die Datei layout_secondary_navigation.html mit dem Inhalt: HTML: {block name="index_outer_wrapper_header_inside_shopping_cart"} {literal}<svg width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><style>.cls-1{fill:none;}</style></defs><title></title><g id="Ebene_2" data-name="Ebene 2"><g id="Ebene_1-2" data-name="Ebene 1"><path d="Hier Deine SVG-Angaben"/></g></g></svg>{/literal} {/block}
Hallo Barbara, vielen Dank für Deine schnelle Antwort. Habe alles genauso gemacht. Leider ohne irgendwelche Auswirkungen. Wenn ich zusätzlich das icon für die Merkliste auch nopch tauschen möchte kann ich das in der gleichen Ergänzung tun?
du hast so etwas hier: "M31,13.66a1.08,1.08,0,0,0-1.07-1H26.08V11.28a6.31,6.31,0,0,0-12.62,0v1.36H9.27a1,1,0,0,0-1,1L5.21,32A3.8,3.8,0,0,0,9,35.8H30.19A3.8,3.8,0,0,0,34,31.94Zm-15.42-1V11.28a4.2,4.2,0,0,1,8.39,0v1.35Zm-1.06,5.59a1.05,1.05,0,0,0,1.06-1.06v-2.4H24v2.4a1.06,1.06,0,0,0,2.12,0v-2.4h2.84L31.86,32a1.68,1.68,0,0,1-1.67,1.68H9a1.67,1.67,0,0,1-1.68-1.61l2.94-17.31h3.19v2.4A1.06,1.06,0,0,0,14.51,18.22Z" (das ist das original) da eingetragen und es hat nicht funktioniert? Cache geleert? Wenn Du das Icon für den Merkzettel tauschen möchtest, wäre das der Block: HTML: {block name="layout_secondary_navigation_wishlist_icon"} <span class="language-code hidden-xs"> {literal}<svg width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><style>.cls-1{fill:none;}</style></defs><title></title><g id="Ebene_2" data-name="Ebene 2"><g id="Ebene_1-2" data-name="Ebene 1"><path d="M19.19,36a1.16,1.16,0,0,0,1.62,0l12.7-12.61A10,10,0,0,0,20,8.7,10,10,0,0,0,6.5,23.42ZM8.12,10.91a7.6,7.6,0,0,1,5.49-2.26A7.46,7.46,0,0,1,19,10.88l0,0,.18.18a1.15,1.15,0,0,0,1.63,0l.18-.18A7.7,7.7,0,0,1,31.89,21.79L20,33.58,8.12,21.79A7.74,7.74,0,0,1,8.12,10.91Z"/></g></g></svg>{/literal} </span> <span class="visible-xs-inline"> <span class="fa fa-heart-o"></span> </span> {/block} und hier müsstest Du auch den SVG-code mit Deinem ersetzen
Hallo Barbara, ich habe die Datei nur mit obigen Inhalt in das Verzeichnis Meins/Themes/Malibu gelegt (dort liegt auch die svg Datei). Hier der Inhalt: HTML: {block name="index_outer_wrapper_header_inside_shopping_cart"} {literal}<svg width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><style>.cls-1{fill:none;}</style></defs><title></title><g id="Ebene_2" data-name="Ebene 2"><g id="Ebene_1-2" data-name="Ebene 1"><path d="cart.svg"/></g></g></svg>{/literal} {/block} Danach den Cache gelöscht, aber keinerlei Änderung zu sehen :-( Gruß Timo
Da muss nicht "cart.svg" hin, sondern der Zahlensalat, der in der Datei "cart.svg" hinter dem "d=" aufgeführt ist. Alternativ könntest Du auch den kompletten Inhalt der Datei zwischen das {literal} {/literal} setzen. du musst dann nur aufpassen, ob das von der Größe und so passt.
Man der Shop macht mich fertig... Ich habe jetzt das genau so gemacht und immer noch nichts. Komm mir vor wie ein Idiot. Das steht in meinem svg drin: HTML: <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 459.529 459.529" style="enable-background:new 0 0 459.529 459.529;" xml:space="preserve"> <g> <g> <path d="M17,55.231h48.733l69.417,251.033c1.983,7.367,8.783,12.467,16.433,12.467h213.35c6.8,0,12.75-3.967,15.583-10.2 l77.633-178.5c2.267-5.383,1.7-11.333-1.417-16.15c-3.117-4.817-8.5-7.65-14.167-7.65H206.833c-9.35,0-17,7.65-17,17 s7.65,17,17,17H416.5l-62.9,144.5H164.333L94.917,33.698c-1.983-7.367-8.783-12.467-16.433-12.467H17c-9.35,0-17,7.65-17,17 S7.65,55.231,17,55.231z"/> <path d="M135.433,438.298c21.25,0,38.533-17.283,38.533-38.533s-17.283-38.533-38.533-38.533S96.9,378.514,96.9,399.764 S114.183,438.298,135.433,438.298z"/> <path d="M376.267,438.298c0.85,0,1.983,0,2.833,0c10.2-0.85,19.55-5.383,26.35-13.317c6.8-7.65,9.917-17.567,9.35-28.05 c-1.417-20.967-19.833-37.117-41.083-35.7c-21.25,1.417-37.117,20.117-35.7,41.083 C339.433,422.431,356.15,438.298,376.267,438.298z"/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg> Davon habe ich den ersten Patheintag in meine html Datei kopiert. Cache gelöschst und nix.
Also wenn ich die svg Datei auf meinen Rechner lade und diese mit z.B. Edge öffne und dann den Seitenquelltext aufrufe und nur das was zwischen >svg<->svg< steht in die html Datei (Gambio) einfüge, dann kommt das raus, wie es bei mir ist..
Hallo Hartwig, bei mir leider nicht. Meine angepasste HTML Datei sieht so aus: HTML: {block name="index_outer_wrapper_header_inside_shopping_cart"} {literal}<svg width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><style>.cls-1{fill:none;}</style></defs><title></title><g> <g> <path d="M17,55.231h48.733l69.417,251.033c1.983,7.367,8.783,12.467,16.433,12.467h213.35c6.8,0,12.75-3.967,15.583-10.2 l77.633-178.5c2.267-5.383,1.7-11.333-1.417-16.15c-3.117-4.817-8.5-7.65-14.167-7.65H206.833c-9.35,0-17,7.65-17,17 s7.65,17,17,17H416.5l-62.9,144.5H164.333L94.917,33.698c-1.983-7.367-8.783-12.467-16.433-12.467H17c-9.35,0-17,7.65-17,17 S7.65,55.231,17,55.231z"/> <path d="M135.433,438.298c21.25,0,38.533-17.283,38.533-38.533s-17.283-38.533-38.533-38.533S96.9,378.514,96.9,399.764 S114.183,438.298,135.433,438.298z"/> <path d="M376.267,438.298c0.85,0,1.983,0,2.833,0c10.2-0.85,19.55-5.383,26.35-13.317c6.8-7.65,9.917-17.567,9.35-28.05 c-1.417-20.967-19.833-37.117-41.083-35.7c-21.25,1.417-37.117,20.117-35.7,41.083 C339.433,422.431,356.15,438.298,376.267,438.298z"/> </g> </g></svg>{/literal} {/block} Sonst steht in der Datei nix drin. Es funktioniert einfach nicht. So langsam macht es echt keinen Spaß mehr. Ich habe es auch schon mit der kompletten layout_secondary_navigation.html versucht (nicht nur den obigen Ausschnitt. Kein Erfolg...
Cache geleert? (auch vom Browser) Link zur Seite? Nachtrag: hast Du es mal mit dem kompletten SVG - Code versucht? HTML: {block name="index_outer_wrapper_header_inside_shopping_cart"} {literal}<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 459.529 459.529" style="enable-background:new 0 0 459.529 459.529;" xml:space="preserve"> <g> <g> <path d="M17,55.231h48.733l69.417,251.033c1.983,7.367,8.783,12.467,16.433,12.467h213.35c6.8,0,12.75-3.967,15.583-10.2 l77.633-178.5c2.267-5.383,1.7-11.333-1.417-16.15c-3.117-4.817-8.5-7.65-14.167-7.65H206.833c-9.35,0-17,7.65-17,17 s7.65,17,17,17H416.5l-62.9,144.5H164.333L94.917,33.698c-1.983-7.367-8.783-12.467-16.433-12.467H17c-9.35,0-17,7.65-17,17 S7.65,55.231,17,55.231z"/> <path d="M135.433,438.298c21.25,0,38.533-17.283,38.533-38.533s-17.283-38.533-38.533-38.533S96.9,378.514,96.9,399.764 S114.183,438.298,135.433,438.298z"/> <path d="M376.267,438.298c0.85,0,1.983,0,2.833,0c10.2-0.85,19.55-5.383,26.35-13.317c6.8-7.65,9.917-17.567,9.35-28.05 c-1.417-20.967-19.833-37.117-41.083-35.7c-21.25,1.417-37.117,20.117-35.7,41.083 C339.433,422.431,356.15,438.298,376.267,438.298z"/> </g> </g></svg>{/literal} {/block}
Hallo Barbara, hallo Hartwig, ich habe es jetzt mit dem kompletten SVG-Code hinbekommen. Vielen Dank Euch zwei nochmal. Eine Frage zu diesem Thema habe ich aber noch: Kann man auch den Warenkorb und oder die Merkliste komplett in der sekundären Navigtion rausnehmen und dafür den kleinen Warenkorb benutzen? Gruß Timo
Was meinst Du mit "kleinen Warenkorb"? Der kleine Warenkorb ist das Dropdown (im Honeygrid), bzw. die Seitenleiste (im Molibu), die sich öffnet, wenn ein Kunde etwas in den Warenkorb legt, oder wenn man mit der Maus über das Icon geht (im Malibu mit Klick auf das Icon) Das Icon öffnet den Warenkorb, bzw. den kleinen Warenkorb an der rechten Seite, damit ein Kunde auch nach dem Einkauf zur Kasse gehen kann. Nachtrag: Ich sehe gerade, dass im Malibu auch das Icon, oder 2. Icon als "Kleiner Warenkorb" bezeichnet wird.
Hallo Barbara, ich meine damit dass man im Style Editor4 im header den kleinen Warenkorb ein- oder ausblenden kann. Wunsch wäre es den einzublenden und das eigentliche Warenkorb Icon auszublenden. siehe Screenshot unten. Ich hoffe du verstehst was ich damit meine. Grüße Timo
Aber wäre es auch irgendwie möglich komplett auf SVG als Warenkorb Icon zu verzichten und stattdessen ein PNG oder JPEG einzubinden?
Also einfach so? Code: {block name="index_outer_wrapper_header_inside_shopping_cart"} {literal}<img src="bilder/cart.jpg"> {/literal} {/block}