Sticky Add to Cart - Icon ausgeben

Deutsch Diskussion Technische Fragen & Antworten
, ,
1

Hallo zusammen,

in meinen Theme gibt es ein Add to Cart Sticky, dort wir dann ein Button mit dem Text “In den Warenkorb” ausgegeben.

Nun möchte ich aber, dass dort nur ein Warenkorbsymbol als Button ausgegeben wird.

Dachte ich bekomme das hin, aber irgend wie nicht.

Hier mal der Code mit dem der Button ausgegeben wird:


          

            
          

          
            {{ form | payment_button }}

Ich weiß das man im meinen Theme mit {% render ‘icon-cart’ %} ein Icopn ausgeben kann, aber wenn ich ihn anstatt von {{ ‘products.product.add_to_cart’ | t }} einsetze dann wird nichts angezeigt.

Könnt Ihr mir sagen wie ich das am besten einfüge?

LG Andi

2

Schwer zu sagen. Vielleicht ist das icon-cart Fragment nicht korrekt eingebunden.

Probiere mal:


  

    
  

  
    {{ form | payment_button }}

Wenn {% render ‘icon-cart’ %} nicht das gewünschte Icon rendert, könnte das auch an den Einstellungen oder der Struktur deines Themes liegen. Oder du verwendest ein direkt eingebettetes SVG-Icon:

Ersetze {% render ‘icon-cart’ %} mit diesem SVG-Code.

3

Du hast richtig erkannt, dass {{ ‘products.product.add_to_cart’ | t }} ein Text ausgibt. Sofern die Datei icon-cart.liquid unter Snippets nicht vorhanden ist, wird auch entsprechend nichts angezeigt.

Welches Theme nutzt du? Sofern ich das Theme im Kundenkreis habe, kann ich bereits den ersten Blick reinwerfen. Alternativ kontaktiere mich und ich setze es Dir entsprechend um. :slightly_smiling_face:

4

Sorry da habe ich mich wohl falsch ausgedrückt.

Die Icon-cart.liquid gibt es und wenn ich den Code neben der Testausgabe einfüge

{%- else -%}
               {{ 'products.product.add_to_cart' | t }} {% render 'icon-cart' %}              
{%- endif -%}

Dann wird mir das Icon auch angezeigt neben dem Text angezeigt (auch sehr groß)

bild01.JPG
bild01.JPG360×107 4.23 KB

Wenn ich aber nur den Icon-Code einfüge, dann wir mir nur ein leere Button angezeigt.

{%- else -%}
              {% render 'icon-cart' %}              
    {%- endif -%}

bild02.JPG

Weiß aber nicht wo hier das Problem ist.

LG Andi