Price won't update when selecting variants in Desktop View (Studio 10.0.0)

Store Design

Topic summary

A Shopify store owner encountered an issue where product prices failed to update when selecting variants in desktop view, while mobile view functioned correctly. The problem occurred despite using the same liquid snippet (price.liquid) in both views, with CSS hiding one version for mobile and another for desktop.

Key Details:

  • The developer had duplicated the price HTML for different screen sizes
  • A bundle app’s variant prices updated correctly in desktop view, suggesting the issue was specific to the theme’s implementation
  • The price.liquid snippet was rendered with parameters including use_variant: true and show_badges: true

Resolution:
Shopify theme support successfully resolved the issue. The exact technical fix wasn’t detailed in the thread, but likely involved adjusting the JavaScript function that updates prices on variant selection or extending it to properly target the desktop price element.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

Hello,

In mobile view, price functions properly. In desktop view, when I select variant the price doesn’t change.

I appreciate any help with this.

Example product url: https://www.designsfordivine.com/products/citrus-glass-candle-holder-flower-vase?variant=46867254378823

Kind regards

2

Hello @omero ,

I think you have to ask from the developer/designer who customize the page.
You developer/designer duplicate the existing price html for mobile use but not extend the JS.
Ask him to extend it or write another JS function which will get the price from mobile view every time when variant hit and update price in desktop html.

Thanks

1 Like
3

The developer used the same liquid snippet (price.liquid) in 2 places in a section. He hides one in mobile view, and hides the other in desktop view. Here is how he uses the price snippet:
{%- render ‘price’,
product: product,
use_variant: true,
show_badges: true,
price_class: ‘price–large’
-%}

So, I think there shouldn’t be any functionality loss between the 2 places we use this, but I’m not sure.

4

Hi, @omero .

Rio here from the Shopify Community team. I took a look and it seems as though everything is functioning correctly.

Were you able to resolve this yourself?

If you’re still having an error, could you send me a Loom recording or a screenshot of what you’re seeing on your end when changing the variants? On my end, as I change the variant, the pricing is also changing.

1 Like
5

Hello,

Thanks very much for your reply

I am in the inspect mode in the video recording, first in tablet then in laptop screen size. Small screens are mobile sizes.

Please note that I use a bundle app, the variants prices do update on this app in desktop view

This is the example product where you can find the issue:

https://www.designsfordivine.com/products/vert-glass-candle-holder-flower-vases?variant=46867331711303

https://www.loom.com/share/eb9b7a48e23e474d83fe6ada707a4375

Thanks very much for all the help

6

Hello again,

Shopify theme support helped me fix it.

Thanks again for your attention to the issue.

7

Hey, Omero!

That’s awesome you were able to get it sorted out with our team!

Your store looks great! I would suggest also including some social proof and iamges of customers who purchased your products. It helps build trust and increase conversions!