Shopify themes, liquid, logos, and UX
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.
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
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
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>
- 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
User | RANK |
---|---|
228 | |
174 | |
65 | |
52 | |
48 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023