Put price in add to cart button product page mobile

[PRETTYFRIDAYS]

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

[Jasoliya]

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 

<button type="submit" name="add" id="AddToCart" class="btn">
   Add to Cart - {{ product.price | money }}
</button>

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

[PRETTYFRIDAYS]

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

[Huptech-Web]

Hello @PRETTYFRIDAYS ,

Replace the below code in your "buy-button.liquid" 

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

[PRETTYFRIDAYS]

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

[manusam]

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!