I want to add a cart icon to my add-to-cart button on the Ride theme. all other discussions I saw about this show the solution for other themes, and it does not work here.
Any help would be appreciated.
Hi there! This is Paul from the Weaverse team. 
To add a cart icon to the “Add to Cart” button in the Ride theme, follow these steps:
-
Go to your Shopify admin and navigate to
Online Store>Themes. -
Locate the Ride theme, click on
Actions, and selectEdit code. -
In the file list on the left, open the
Snippetsfolder and click on thecard-product.liquidfile. -
Find the button with the class
quick-add__submit button button--full-width button--secondary. (it might slightly differ in your theme) -
Add the cart icon by inserting a
spanelement inside thebuttonelement:
<button
...
>
<span class="icon icon--cart"></span>
</button>
- Save your changes and refresh your storefront to see the updated “Add to Cart” button with the cart icon.
I tried doing this and it didn’t work. do I need to upload a cart icon to my files?
Can you please elaborate? Also I attached a picture, is this where I need to write the code?
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
www.egyptreasures.com (no password)
Please follow these steps:
- Go to Themes => Edit Code
- Open the buy-buttons.liquid file and find the following code:
product-form__submit button button--full-width button--secondary
- Then, please add the following cart icon code before the tag
- AA5725 in the image link is the color code of the Add to cart text in the button
- Before:
- After:
We hope this can help you.
1 Like
yes it did. thanks
We’re happy to see that our suggestion worked for you. Can you kindly give us a like and mark it as a solution so other people can refer to it? Thanks in advance.
I created a tutorial for this, not specifically tailored to the Ride theme, but you may find it helpful: https://youtu.be/3Nd-C18cbes?si=VcaGycvSshkpv76c