Malibu - Cart ausblenden oder Icon tauschen

Thema wurde von gambio_rookie, 8. März 2021 erstellt.

  1. gambio_rookie

    gambio_rookie Mitglied

    Registriert seit:
    8. März 2021
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    7
    Hallo zusammen,
    ich bin immer noch dabei den ersten Shop auf die Beine zu und habe zwei Probleme bei denen ich nicht weiter komme:

    1. Wie kann ich beim Malibu Theme das Cart Icon (Einkaufstasche) ausblenden? Möchte statt dessen nur den kleinen Warenkorb nutzen. Geht das?
    2. 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
     
  2. Roland Collin

    Roland Collin Erfahrener Benutzer

    Registriert seit:
    2. Juli 2019
    Beiträge:
    105
    Danke erhalten:
    14
    Danke vergeben:
    47
    Hast du den Cache im Backend geleert?
     
  3. gambio_rookie

    gambio_rookie Mitglied

    Registriert seit:
    8. März 2021
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    7
    Ja, ich habe alle Caches geleert.
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Schau mal hier:
    (Link nur für registrierte Nutzer sichtbar.)

    Da geht es darum die Icons zu ändern.
     
  5. gambio_rookie

    gambio_rookie Mitglied

    Registriert seit:
    8. März 2021
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    7
    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?
     
  6. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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}
     
  7. gambio_rookie

    gambio_rookie Mitglied

    Registriert seit:
    8. März 2021
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    7
    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?
     
  8. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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
     
  9. gambio_rookie

    gambio_rookie Mitglied

    Registriert seit:
    8. März 2021
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    7
    #9 gambio_rookie, 9. März 2021
    Zuletzt bearbeitet: 9. März 2021
    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
     
  10. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.
     
  11. gambio_rookie

    gambio_rookie Mitglied

    Registriert seit:
    8. März 2021
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    7
    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.
     
  12. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.161
    Danke erhalten:
    254
    Danke vergeben:
    420
    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..
     
  13. gambio_rookie

    gambio_rookie Mitglied

    Registriert seit:
    8. März 2021
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    7
    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...
     
  14. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    #14 barbara, 9. März 2021
    Zuletzt bearbeitet: 9. März 2021
    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}
     
  15. gambio_rookie

    gambio_rookie Mitglied

    Registriert seit:
    8. März 2021
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    7
    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
     
  16. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.
     
  17. gambio_rookie

    gambio_rookie Mitglied

    Registriert seit:
    8. März 2021
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    7
    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
     

    Anhänge:

  18. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.551
    Danke erhalten:
    228
    Danke vergeben:
    1.001
    Aber wäre es auch irgendwie möglich komplett auf SVG als Warenkorb Icon zu verzichten und stattdessen ein PNG oder JPEG einzubinden?
     
  19. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Ja, dann musst den Dun Part mit dem SVG raus nehmen und durch ein Schriftzeichen oder Bild ersetzen.
     
  20. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.551
    Danke erhalten:
    228
    Danke vergeben:
    1.001
    Also einfach so?


    Code:
    {block name="index_outer_wrapper_header_inside_shopping_cart"}
                                        {literal}<img src="bilder/cart.jpg">
    
    {/literal}
                                    {/block}