Please, can you inform where exactly this code script should be paste on the file theme.liquid? At the very end of the page?
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.liquidfile - 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.