Put price in add to cart button product page mobile

Store Design
, , , ,
1

Hey, ive tried so many times to put the price in the add to cart button for mobile only but nothing seems to work! Does anyone happen to know how to do this? thanks in advance for helping me out! I will put a example down below!

TASTE THEME

LINK:https://e8aaa0-3.myshopify.com/password

PASSWORD: mohwhi

Image 26-12-2023 at 15.45.jpeg
Image 26-12-2023 at 15.45.jpeg829×125 6.45 KB

2

Hi @PRETTYFRIDAYS

try to follow this

  • Shopify admin, go to “Online Store” > “Themes.”

  • find for section product.liquid or product-template.liquid

  • then find for "name=“add” which is add to cart button

  • then add price like this

Note: here {{ product.price | money }} will used to add price in button

3

Hey, I don’t have a product liquid I use the taste theme, can’t this be done using css?

4

Hello @PRETTYFRIDAYS ,

Replace the below code in your “buy-button.liquid”

{{ 'products.product.add_to_cart' | t }} - {{ product.price | money }}

image.png
image.png1854×749 63 KB

5

Hey, it works! But unfortunately on both desktop and mobile. Do you know how I can make it mobile only? Thanks!

6

I was looking for something like this but that would work on both single priced products and products with attributes. Any idea how to make it work? Thanks!