Hello, I was looking to see if it is possible to add the price in the add to cart button text? I have found some solutions online but they do not work for my theme. I have heard JavaScript might be needed as the prices sometimes disappear when a customer chooses a different variant, but please correct me if I’m wrong.
The store URL is styl-case.myshopify.com and I am using the Shopify Taste theme, I have left a GIF below of what I am trying to achieve, thanks.
Hi @styl ,
You can refer https://community.shopify.com/c/technical-q-a/adding-price-to-add-to-cart-button-in-dawn-theme/td-p/1655899
Hope it helps!
Hm, I can not find that piece of code in my theme.
Sorry, it works, but on desktop the Add to cart button is in two separate lines for some reason:
The price also does not update for variants on mobile, but only desktop. On mobile the user has to refresh with the selected variant to see the price, for example on this product: https://stylcase.com/products/custom-phone-case-iphone-13-pro-max
Hi @styl ,
Go to Assets > base.css and paste this at the bottom of the file:
.product-form__submit.button {
display: flex !important;
}
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
No sorry it did not work, it only made an extra add to cart button
Hi @styl ,
Please change code:
.product-form__submit.button.ld-over-inverse {
display: flex !important;
}
it will show like this:
Thank you, that fixed the desktop issue, but the problem where the price doesn’t update according to variants on mobile still persists, it seems to work fine on desktop but not mobile. The price should say $44.95 but it says $29.95.
Hi @styl ,
This is managed by the app so you can only contact the app directly for mobile support.
Hope it helps!
hey i want to add the add to cart button on my homepage under the products and also on my collection page under the products , what shall i do ? , i am using taste theme
Hi @Lo12 ,
You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.
Hey i have the same problem, where do i need to put this code?
