Image on add to cart button?

WWJDWR
Excursionist
24 0 3

Hi there, how can I add this SVG image to my add to cart button like how it has in the attached image? Have been trying to figure it out myself for days and can't seem to find out how, thanks <3.add to bag icon.jpg

I have the SVG ready but I am having trouble with the coding: https://cdn.shopify.com/s/files/1/0579/9673/8721/files/bag.png?v=1669863100

Replies 3 (3)
Dan-From-Ryviu
Shopify Partner
5566 1019 1044

Hi @WWJDWR 

Please drop your store link please

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

WWJDWR
Excursionist
24 0 3
Dan-From-Ryviu
Shopify Partner
5566 1019 1044

Please go to your Online store > Themes > Edit code > open theme.liquid file, add this code after <head> tag

<style>
button.product-form__submit span:before {
    content: '';
    width: 20px;
    height: 16px;
    background-image: URL('https://cdn.shopify.com/s/files/1/0579/9673/8721/files/bag.png?v=1669863100');
    background-size: contain;
    display: inline-block;
    margin-right: 4px;
    background-repeat: no-repeat;
}
</style>

Screenshot_8.jpg

 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now