Payment Icons auf der Produktseite unter dem Warenkorbbutton einfügen

Topic summary

Ein Nutzer möchte Payment-Icons auf der Produktseite unterhalb des Warenkorb-Buttons einfügen, erhält jedoch Fehlermeldungen beim Einbinden des Codes.

Identifizierte Probleme:

  • Der kopierte Code war unvollständig (erste Zeile fehlte)
  • Fehlende {% capture %}-Elemente im Code-Snippet
  • Falsche Platzierung: Code wurde in product-form.liquid eingefügt, die nur für Variantenauswahl und Add-to-Cart-Button gedacht ist

Empfohlene Lösung:

  • Code sollte stattdessen in product-template.liquid eingefügt werden
  • Vollständigen Code aus dem Video-Tutorial übernehmen, inklusive aller {% capture %}- und {% endcapture %}-Tags

Prestige-Theme-spezifisch:
Ein weiterer Nutzer mit dem Prestige-Theme erhielt den Hinweis, dass dort keine manuelle Code-Anpassung nötig ist. Das Theme bietet native Block-Optionen (z.B. Liquid-Block oder Image-Block) im Produktseiten-Editor, um Payment-Icons einfach per Drag-and-Drop hinzuzufügen. Verweis auf die offizielle Prestige-Dokumentation für weitere Details.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

Hallo,

ich würde gerne die Payment buttons auf meiner Produktseite einfügen. Habe da Bereits ein Video gesehen und wollte nach der Anleitung einen Code einbinden. Leider bekomme ich ein Fehlermeldung. Könnt ihr mir vielleicht sagen was das Problem ist?

Hier der Code:


    {%- comment -%}
  --------------------------------------------------------------------------------------------------------------------
  PAYMENT OPTION BUTTONS
  --------------------------------------------------------------------------------------------------------------------
  {%- endcomment -%}

   
  {%- for type in shop.enabled_payment_types -%}
            - {{ type | payment_type_svg_tag }}

          {%- endfor -%}
          - ![Vorkasse_400.jpg|400x112](upload://v7B9CcQ8gIr4KKuoYYASbetfcib.jpeg)

        {%- endcapture -%}

        {%- if payment_methods != blank -%}
          
            {{ payment_methods }}
          

  

@Hinuber auf den ersten Blick würde ich sage, dass dem {% endcaputure %} ein vorangestelltes {% capture %} fehlt. Insofern ist der Code unvollständig. Hast du einen Link zum Video?

@Finer Hey, danke für deine Antwort. Habe gerade nochmal geschaut. Ich habe wohl vergessen die erste Zeile vom Code zu kopieren. Ich probiere es gleich mal aus. Hier der Link zu dem Video. Ist gut verständlich gemacht, auch für mich als Ahnungslosen.

https://www.youtube.com/watch?v=HNKm5mlILAY&t=189s

@Finer hat leider nicht geklappt :slightly_frowning_face:

@Hinuber ich hab mit nochmal deinen Screenshot angeschaut:

  1. Du solltest die Payment Icons nicht in der product-form.liquid einbauen. Diese Snippet ist für die Varianten- und Mengenauswahl sowie die “Add To Cart” Button.

  2. Wenn du dir den Code aus dem Video übernimmst, musst du auch die {% capture %}-Elemente übernehmen. Aktuell hast du nur {% endcapture %} übernommen.

Hier der Code aus dem Video


  {%- capture payment_methods -%}
    {%- for type in shop.enable_payment_types -%}
      - {{ type | payment_type_svg_tag }}

    {%- endfor -%}
  {%- endcapture -%}

  {%- if payment_methods != blank -%}
    
      {{ payment_methods }}
    

  {%- endif -%}

1 Like

Hey, danke für die Antwort. Wo sollte ich den Code denn idealerweise einfügen?

In die product-template.liquid

1 Like

@Finer danke Dir. Werde ich später direkt ausprobieren.

In dem product-template snippet finde ich aber keinen Payment Button. Was ist der Nachteil wenn man es in die product-form packt?

Ich muss das Thema nochmal aufgreifen. Ich nutze Prestige und würde gern die Zahlungsmethoden einfügen, was ist die beste Lösung dafür? Ich finde product-template.liquid nicht.

Danke vorab :slightly_smiling_face:

Hey @volatile

Gute Wahl - das Prestige Theme! :wink:

Wenn du im Prestige Theme auf der PDP Seite einen Block hinzufügst hast du einige Blocktypen mit denen du ganz einfach deine PayMent Icons an der bevorzugten Stelle anzeigen kannst wie ich jetzt aus meinem eigenen Test-Prestige Theme unten demonstriere. Da gibt es einige Blocks wie der Liquid oder Image Block der dafür geeignet ist:

Hat dir die Doku von Prestige Theme helfen können?


Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.