Debut Theme- Add to cart button

Highlighted
New Member
1 0 0

Hello, I am currently editing my debut theme but I am stumped when it comes to my add to cart button.

I would like it to be more like the simple themes where the button changes after you click it to say "view your cart" and "item added to cart" underneath. If anyone could help me with this it would be greatly appreciated!

 

Note: I have already customized it to stay on the page after adding to cart, just need to change the buttons once clicked.

Thanks.

0 Likes
Shopify Partner
1855 310 399

Hi, If you want to show msg after add to cart product then you have to change your add to cart process with ajax functionality. May be this link help you.

and if you can not do this let me know i will help. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
Tourist
12 0 1
Hi, how did you add an “Add to Cart” button. I’m having trouble finding. Thank you.
0 Likes
Shopify Partner
1855 310 399

If you want to add button n collection page product grid then you can add  button in "snippet->product-grid.liquid" file.

then add ajax code in asset->theme.js file 

Let me know if you need help.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
Tourist
12 0 1

Yeah, I still need help. Still didn't work. https://Flamboyantframes.com


@Jasoliya wrote:

If you want to add button n collection page product grid then you can add  button in "snippet->product-grid.liquid" file.

then add ajax code in asset->theme.js file 

Let me know if you need help.


 

0 Likes
Excursionist
22 1 0

Your add to cart is simply black. Edit this Theme Settings once you go to Online Store --> Customize. This will be called Button and change the color to something other than black.

0 Likes
Tourist
12 0 1
Lol wow. Thank you. Also, there’s no arrow on my products page to get to the next page. Even after I change the color of my buttons
0 Likes
Tourist
12 0 1
Never mind. I fixed it. I noticed that the edit button in the cart doesn’t work on mobile. How do I fix that?
0 Likes
Shopify Partner
1855 310 399

You have added #footer-newsletter button:hover {color:black; background-color: white;} in asset->theme.js file at bottom of file that affecting store.

remove this line and add in theme.scss file.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes