Payment Icons Under Add to Cart in Product Page

Store Design
, , , ,

Topic summary

A user seeks to add payment icons (Visa, Mastercard, Amex, Apple Pay, Google Pay, Shopify Pay) below the ‘Add to Cart’ button on product pages, centered like those in their footer.

Proposed Solution:

  • Navigate to Shopify Admin → Online Store → Theme → Edit code
  • Locate the theme.liquid file
  • Insert provided JavaScript code before the closing </body> tag
  • The code conditionally displays payment icons only on product pages using {% if template.name == 'product' %}

Implementation Issues:

  • Initial confusion about exact code placement within theme.liquid
  • One user successfully implemented the solution but reports the icons are not centered below the Add to Cart button

Current Status:
The discussion remains open. A support representative has requested store details and screenshots to troubleshoot the centering issue. The basic functionality works, but alignment refinement is needed.

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

Hello guys,

Can you help me add payment icons as they are in my footer under the add to cart button on my product page? I only want those to appear centered under the button: Visa, Mastercard, Amex, Apple Pay, Google Pay & Shopify Pay.

Website: shopcutify.com/blender

Thank you! Any help is appreciated!!

2

Hi @StoreHelpNeeded ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSTechVenture_0-1716308769985.png
BSSTechVenture_0-1716308769985.png400×189 26.6 KB

Step 2: Search file theme.liquid

BSSTechVenture_1-1716308778946.png
BSSTechVenture_1-1716308778946.png400×183 34.3 KB

Step 3: Insert the below code to file → Save

{% if template.name == 'product' %}

{% endif %}

Here is result:

BSSTechVenture_2-1716308920617.png
BSSTechVenture_2-1716308920617.png1909×880 201 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
3

Can you please tell me where exactly I need to paste it? I am not getting the same results as you. At the bottom of the theme.liquid page?

Thank you

4

Hi @StoreHelpNeeded , Can you kindly share the details theme.liquid of your problem (screenshot/ record) with us? We will check it and suggest you a solution if possible.

5

Hi @StoreHelpNeeded ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid

Step 3: Insert the below code to file → Save

{% if template.name == 'product' %}

{% endif %}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

2 Likes
6

Please, can you inform where exactly this code script should be paste on the file theme.liquid? At the very end of the page?

7

Hi @Noavi24 , Paste it before the close body tag

1 Like
8

It worked but it is not centralized below the add to cart bottom.

9

Hi @Noavi24 , Can you kindly share the details of your problem and store link with us? We will check it and suggest you a solution if possible.