Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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=46867254378...
Kind regards
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
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.
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.
Rio | Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
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.loom.com/share/eb9b7a48e23e474d83fe6ada707a4375
Thanks very much for all the help
Hello again,
Shopify theme support helped me fix it.
Thanks again for your attention to the issue.
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!
Rio | Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog