How to add a small image in the "Add To Cart" button on a product page

Hello all,

I need some help! I have to add a small image to the “Add To Cart” button for legal/trademark purposes, but I can’t seem to figure out how to do so. Can anyone provide some insight/feedback on how I can get them done, please?

@MarioPura ,
It’s possible to add an image in add to cart button, please provide more details like which theme you’re using and your store URl.

I am not sure what theme is being used, I believe we had a web developer customize the website for us. Here is a link to the site.

https://www.purastainless.com/

@MarioPura ,
Like this?? I added some random image to show you.
I can make these for you.

Yes, that’s what I’m trying to do. How can I do this?

@MarioPura ,
Need to add Some HTML & CSS in product.liquid file.
I can send you a collaborator request and make the changes for you if it’s okay for you.

1 Like

Hello,

I need to do to the same thing.

I added this code under in theme liquid, but the image is never centered vertically.

button.product-form__submit span:before { content: ''; width: 45px; height: 45px; background-image: URL('[https://cdn.shopify.com/s/files/1/0790/6236/8586/files/Buy_Direct_Icon_52f4c442-1364-412e-adfa-807577447236.png?v=1701288952](https://cdn.shopify.com/s/files/1/0790/6236/8586/files/Buy_Direct_Icon_52f4c442-1364-412e-adfa-807577447236.png?v=1701288952)'); background-size: contain; display: inline-flex; margin-right: 10px; margin-bottom: 30px; background-repeat: no-repeat; }