Payment Icons

[wmia0609]

Hi, Does anyone know how to make the payment icons align with the add to cart button on Dawn?

Thanks

[mrashid]

@wmia0609 yes, share store url

[Hasan112]

Go to edit code and open buy-button file 

</button>
</div>
</div>
{%- endif -%}

find close tag </button> after {%- endif -%}
paste this code 

<style>
.methods-of-payment img { padding: 0.2em; }
.lt-ie9 .methods-of-payment, .ie8 .methods-of-payment, .oldie .methods-of-payment { display: none; }
</style>
<span class="methods-of-payment">
<img src="{{ 'amazon_payments' | payment_type_img_url }}" height="35" alt="amazon payments" />
<img src="{{ 'apple_pay' | payment_type_img_url }}" height="35" alt="apple pay" />
<img src="{{ 'american_express' | payment_type_img_url }}" height="35" alt="american express" />
<img src="{{ 'bitcoin' | payment_type_img_url }}" height="35" alt="bitcoin" />
<img src="{{ 'dankort' | payment_type_img_url }}" height="35" alt="dankort" />
<img src="{{ 'diners_club' | payment_type_img_url }}" height="35" alt="diners club" />
<img src="{{ 'discover' | payment_type_img_url }}" height="35" alt="discover" />
<img src="{{ 'dogecoin' | payment_type_img_url }}" height="35" alt="dogecoin" />
<img src="{{ 'dwolla' | payment_type_img_url }}" height="35" alt="dwolla" />
<img src="{{ 'forbrugsforeningen' | payment_type_img_url }}" height="35" alt="forbrugsforeningen" />
<img src="{{ 'jcb' | payment_type_img_url }}" height="35" alt="jcb" />
<img src="{{ 'litecoin' | payment_type_img_url }}" height="35" alt="litecoin" />
<img src="{{ 'maestro' | payment_type_img_url }}" height="35" alt="maestro" />
<img src="{{ 'master' | payment_type_img_url }}" height="35" alt="master" />
<img src="{{ 'paypal' | payment_type_img_url }}" height="35" alt="paypal" />
<img src="{{ 'visa' | payment_type_img_url }}" height="35" alt="visa" />
</span>

remove what you do not need ,

like this , hope you understand it and solve ur query 

[wmia0609]

Hi Hasan112,

Will this code work if the payment icons were bought off the section store? Also, is there a code for Union Pay?

Thanks

[Hasan112]

yes it will work 

[wmia0609]

Could you please give me the code for Union Pay and Shop Pay?

Thanks

[Hasan112]

Sorry for late replying you.
<img src="https://cdn.shopify.com/s/files/1/0844/6889/1926/files/Shop_Pay_Logo_black.svg" height="32" alt="shop pay">
<img src="//genuinejacketstore.com/cdn/shopifycloud/shopify/assets/payment_icons/unionpay-8aedb760a6bde56bc2e3bbfd40bc008f1b0967a9f5863ecfbe855d54bde81ea6.svg" height="32" alt="union pay"> 

unionpay are not available i made it custom, you can download and upload this svg and replace the link or you may use directly , its up to you. 

If problem solved don't forget to Like it and Mark it as Solution!
And if you need help to fix it you can contact me for services

You can find the email in the signature below.

Thanks

[LizHoang]

Hi @wmia0609 ,

Could you please share your store URL along with its protection password so we can help you with that?

I look forward to hearing from you,
Liz.