Search code examples
shopifyliquidshopify-template

How to add a credit card logo in the product page of a Shopify site

Reviewing our Shopify site, I realized that a major difficulty with Shopify is that it's as if the theme does everything possible to obfuscate credit card usage. The site is replete with all sorts of references to Google Pay, Amazon Pay, etc., but credit card payments are always difficult to find.

I would like to know how to add a credit card logo right below the BUY IT NOW button. Could you please let me know if it is possible to do it in Shopify by editing LIQUID file? If so, please point me

enter image description here

Solution

  • Yes, Its possible to do in shopify by editing Liquid file.

    You can find code of "Buy It Now" button in your template.

    {% if enable_dynamic_buttons %}
{{ form | payment_button }}
{% endif %}

    Either code is in sections/product-template.liquid or in snippets/product-form.liquid

    You can add code of logo after above code. You can upload logo image either in theme or under files in shopify and then can use HTML code to put logo image.

    For e.g.

    <img src="{{'creditcardlogo.png' | file_img_url: 'original' }}">