Payments icons on product and cart pages

Technical Q&A

Topic summary

A user asks how to add payment icons below the “Buy Now” button on both product and cart pages.

A solution is provided involving adding specific code under the Buy Now button:

  • Use a code snippet that includes {{ 'sections.footer.payment' | t }} to display payment icons
  • The code loops through enabled payment types using shop.enabled_payment_types
  • Each payment type is rendered as an SVG icon with appropriate styling

Note: The original question and parts of the code snippet appear to contain reversed/garbled text, which may indicate formatting issues in the original post.

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

How can i add payment icon under the buy now button on both product and cart pages? please dears

2

Hi @domenicoomerta , Add the below code under the Buy Now button to display the Payment icons.


  {{ 'sections.footer.payment' | t }}
  

  {%- for type in shop.enabled_payment_types -%}
    - {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
    
  {%- endfor -%}