How do I show price when no variant is selected ('Pick an Option' is default)?

New Member
2 0 0

Hello Shopify Commmunity,

I followed the articles below to disable the first variant from showing on my product pages, but rather the main featured image together with 'Pick an Option' in the selectors.

It worked well with my Debut theme.

The only issue I am having is that when no variant is selected by default, the price is no longer shown. There is simply an empty space. I want to change this and show the lowest available price by default.

Ironically, as shown above, Shopify warms of this potentially happening inside their tutorial. However, the demo store that they made for the tutorial manages to overcome this, so I know there must be a way.

There have been previous posts about this but with no resolution. I would appreciate any help or advice to where I can turn with this as it is important and I am even willing to spend some money to get it resolved.

Many thanks!

Shopify Partner
1838 173 601

Hi Nikita,

You will need to adapt the code from the tutorial and / or the product detail tamplate to use this

{{ product.price_min }}

Alternatively, you can look to

<script type="application/json" id="ProductJson-product-template">
// all your product variant data as JSON

and do it entirely client side.

Hope this helps and happy NYE!

I turn coffee in to code - since 1998
New Member
2 0 0

Hi Karl,

Many thanks for your response.

I'm somewhat new to code and don't quite understand. Could you elaborate please?

Where in the tutorial's code should I replace with the above?

Thank you!

9 0 0

Hi, I know this post is outdated but I'm also having the same issue and can't find a solution for it.

New Member
4 0 0

I know this is old but wondering if anyone found a solution?

40 2 0

same problem. Not sure why a proper answer hasn't been given?