Add to Cart Border

Does anybody know how to put borders around the “add to cart” button in the same way that the “play” button has them? When I hover over “play,” my cursor becomes a hand, but it stays a cursor when hovering over “add to cart.” That said, I can still click on “add to cart,” and it works fine. It is just not optimal. Any help would be appreciated. It is important to know that this is for “product tuneboom track.” Thanks.

2 Likes

@Ben_Sheps Please share your store URL to help you on this.

Hello @Ben_Sheps
Please provide url and password of your website.

@Ben_Sheps ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above


Result:

If it helps you, please like and mark it as the solution.

Best Regards :blush:

Hello @Ben_Sheps
Please share your store URL and password.
So that I will check and let you know the exact solution here.

Wow! Thanks for the help. That is what I needed. Now, how do I get my mouse to hover over it and change from cursor to hand? It is clickable; it just does not look like it because my cursor is not actually changing to the hand. I do not have this problem with the play button.

@Ben_Sheps , change the previous code like this


You’re a lifesaver.

Last question: do you have a script to give a cart icon in the button like the play button does?

@Ben_Sheps , add this code before in theme.liquid

{% if template == 'product' %}

{% endif %}

Result: