Why does my variants price doesn't change shopify

[Jackypotato]

I have variant of necklace : size
Large : $ 375
Small : $ 249

and for sure I have saved it many times

and when it goes to the website
https://tanchur.com/products/auspicious-heart-lock-necklace?variant=42934170058822

the price doesn’t change with the variant

the price keep $375 even I click on small

could anyone how to fix it ?

[TheScriptFlow]

Just want to confirm did you add a custom JavsScript in the global.js file?

Because I click on the variants it show the issue in the Console.

Based on confirmation I can provide you better solution.

Thanks

[Jackypotato]

nope i didnt change any on global.js file .
I’m trying to revise on " snippets > price.liquid "

[TheScriptFlow]

Could you please share the price.liquid code so that I check if there is any issue.

[Jackypotato]

sure ， it is the original one , without any changes :

{% comment %}
Renders a list of product’s price (regular, sale)

Accepts:

• product: {Object} Product Liquid object (optional)
• use_variant: {Boolean} Renders selected or first variant price instead of overall product pricing (optional)
• show_badges: {Boolean} Renders ‘Sale’ and ‘Sold Out’ tags if the product matches the condition (optional)
• price_class: {String} Adds a price class to the price element (optional)
• hide_currency_code: {Boolean} hide currency code regardless of what setting is chosen

Usage:
{% render ‘price’, product: product %}
{% endcomment %}
{%- liquid
if use_variant
assign target = product.selected_or_first_available_variant
else
assign target = product
endif

assign compare_at_price = target.compare_at_price
assign price = target.price | default: 1999
assign available = target.available | default: false
assign money_compare_at_price = compare_at_price | money
assign money_price = price | money
unless hide_currency_code
if settings.currency_code_enabled
assign money_price = price | money_with_currency
assign money_compare_at_price = compare_at_price | money_with_currency
endif
endunless

if target == product and product.price_varies
assign money_price = ‘products.product.price.from_price_html’ | t: price: money_price
endif
-%}

{%- comment -%} Explanation of description list: - div.price__regular: Displayed when there are no variants on sale - div.price__sale: Displayed when a variant is a sale {%- endcomment -%}

{{ 'products.product.price.regular_price' | t }} {{ money_price }}

{{- 'products.product.price.regular_price' | t -}} {{ money_price }} {%- unless product.price_varies == false and product.compare_at_price_varies %} {{- 'products.product.price.sale_price' | t -}} {{ money_compare_at_price }} {%- endunless -%}

{{ 'products.product.price.unit_price' | t }} {{- product.selected_or_first_available_variant.unit_price | money -}} /  {{ 'accessibility.unit_price_separator' | t }}  {%- if product.selected_or_first_available_variant.unit_price_measurement.reference_value != 1 -%} {{- product.selected_or_first_available_variant.unit_price_measurement.reference_value -}} {%- endif -%} {{ product.selected_or_first_available_variant.unit_price_measurement.reference_unit }}

{%- if show_badges -%} {% unless hide_sale_badge %} {% assign percentage_saved = compare_at_price | minus: price | times: 100.0 | divided_by: compare_at_price | floor | append: '%' %} {% capture money_saved %} {{ compare_at_price | minus: price | money_without_trailing_zeros }} {% endcapture %} {% if settings.sale_basge_discount_icon %}{% render 'icon-discount' %}{% endif %}{{ settings.sale_badge_text | replace: '[percentage]', percentage_saved | replace: '[amount]', money_saved }} {% endunless %} {{ 'products.product.sold_out' | t }} {%- endif -%}

{% if block.settings.freeshipprice %}
{{ block.settings.shiptextnexttoprice }}
{% endif %}

.price .main-price { font-size: {{block.settings.main-pricesize }}px!important; } .price .main-comapre-price { font-size: {{block.settings.maincomapre-pricesize }}px!important; }

[TheScriptFlow]

Please add this Javascript in the end of this file.

[Jackypotato]

Hi there , still doesnt work .. either i choose large or small , still $375.
i find that mainly due to the theme ..
now I’m using my own theme , i uploaded my self

shrine-pro-custom-theme

I find that the issue maybe due to this theme..
how i can fix it ?

i can send u the script of my theme if you needed .
when I change to other theme , like dawn , no problem at all.

so how I need to fix it ?

[Jackypotato]

Thanks Jignesh ， i find an alternative .. i change to the theme Dawn , which can fit me .. and variant price works well on that page

[Ecom_boss]

Go to Online Store > Edit Code.
Under Sections, open product-template.liquid or main-product.liquid.
Look for the price code.
Make sure it’s using {{ current_variant.price | money }} or JavaScript that updates price on variant change.
Save and preview.

[Jackypotato]

Hi there , didnt see such code , but find the following :

“product.selected_or_first_available_variant.price | money”

[Ecom_boss]

@Jackypotato
Can you see this code?

{{ product.price | money }}

If yes, replace it with this code

{{ current_variant.price | money }}