Why do variant prices disappear when adding products to cart?

Hi

I have products with variants at different prices. When you click on the product it shows the first price and when you click on the next size the price disappears if you add them to cart the prices are correct so its a displaying error.

https://decorgear.ie/products/kana-professional-synthetic-brush thats the website. Debut Theme

I have very basic knowledge of html so I can change code but cant see the problem anyone fancy helping me.

here is my product-template.liquid file

{% comment %} Get first variant, or deep linked one {% endcomment %} {%- assign current_variant = product.selected_or_first_available_variant -%} {%- assign product_image_zoom_size = '1024x1024' -%} {%- assign product_image_scale = '2' -%} {%- assign enable_image_zoom = section.settings.enable_image_zoom -%} {%- assign compare_at_price = current_variant.compare_at_price -%} {%- assign price = current_variant.price -%}

{% case section.settings.media_size %}
{% when ‘small’ %}
{%- assign product_media_width = ‘medium-up–one-third’ -%}
{%- assign product_description_width = ‘medium-up–two-thirds’ -%}
{%- assign height = 345 -%}
{% when ‘medium’ %}
{%- assign product_media_width = ‘medium-up–one-half’ -%}
{%- assign product_description_width = ‘medium-up–one-half’ -%}
{%- assign height = 530 -%}
{% when ‘large’ %}
{%- assign product_media_width = ‘medium-up–two-thirds’ -%}
{%- assign product_description_width = ‘medium-up–one-third’ -%}
{%- assign height = 720 -%}
{% when ‘full’ %}
{%- assign product_media_width = ‘’ -%}
{%- assign product_description_width = ‘’ -%}
{%- assign height = 1090 -%}
{%- assign enable_image_zoom = false -%}
{% endcase %}

{%- assign featured_media = product.selected_or_first_available_variant.featured_media | default: product.featured_media -%}

{%- for media in product.media -%}
{% include ‘media’, media: media, featured_media: featured_media, height: height, enable_image_zoom: enable_image_zoom, image_zoom_size: product_image_zoom_size, image_scale: product_image_scale %}
{%- endfor -%}

{% capture product_image_size %}{{ height }}x{% endcapture %} {{ featured_media.alt }}

{% assign first_3d_model = product.media | where: “media_type”, “model” | first %}

{%- if first_3d_model -%}
<button
aria-label=“{{ ‘products.product.view_in_space_label’ | t }}”
class=“product-single__view-in-space”
data-shopify-xr
data-shopify-model3d-id=“{{ first_3d_model.id }}”
data-shopify-title=“{{ product.title | escape }}”
data-shopify-xr-hidden

{% include ‘icon-3d-badge-full-color’ %}{{ ‘products.product.view_in_space’ | t }}

{%- endif -%}

{% if product.media.size > 1 %}
{% if product.media.size > 4 %}
{%- assign enable_thumbnail_slides = true -%}
{% endif %}

{% if enable_thumbnail_slides == true %} {% include 'icon-chevron-left' %} {{ 'sections.slideshow.previous_slide' | t }} {% endif %} {% if enable_thumbnail_slides == true %} {% include 'icon-chevron-right' %} {{ 'sections.slideshow.next_slide' | t }} {% endif %}
{% endif %}

{{ product.title }}

{% include 'product-price', variant: current_variant, show_vendor: section.settings.show_vendor %}

{%- if cart.taxes_included or shop.shipping_policy.body != blank -%}

{%- if cart.taxes_included -%} {{ 'products.product.include_taxes' | t }} {%- endif -%} {%- if shop.shipping_policy.body != blank -%} {{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }} {%- endif -%}
{%- endif -%}

{% capture “form_classes” -%}
product-form product-form-{{ section.id }}
{%- if section.settings.enable_payment_button and product.has_only_default_variant %} product-form–payment-button-no-variants {%- endif -%}
{%- if current_variant.available == false %} product-form–variant-sold-out {%- endif -%}
{%- endcapture %}

{% form ‘product’, product, class:form_classes, novalidate: ‘novalidate’, data-product-form: ‘’ %}
{{ form | payment_terms }}

{% unless product.has_only_default_variant %}

{% for option in product.options_with_values %}
{{ option.name }}
{% endfor %}
{% endunless %}

{% if section.settings.show_quantity_selector %}

{{ 'products.product.quantity' | t }}
{% endif %}
{{ 'general.accessibility.error' | t }} {% include 'icon-error' %} {{ 'products.product.quantity_minimum_message' | t }}
{% unless current_variant.available %} {{ 'products.product.sold_out' | t }} {% else %} {{ 'products.product.add_to_cart' | t }} {% endunless %} {% include 'icon-spinner' %} {% if section.settings.enable_payment_button %} {{ form | payment_button }} {% endif %}
{% endform %}

{%- comment -%}
Live region for announcing updated price and availability to screen readers
{%- endcomment -%}

{%- comment -%}
Live region for announcing that the product form has been submitted and the
product is in the process being added to the cart
{%- endcomment -%}

{{ 'products.product.loader_label' | t }}

{{ product.description }}

{% if section.settings.show_share_buttons %}
{% include ‘social-sharing’, share_title: product.title, share_permalink: product.url, share_image: product.featured_media %}
{% endif %}

{% unless product == empty %}

{% endunless %}

Thanks

Rory

Can anyone suggest anything, my website is live so I could do with someones help please.

Please anybody???

  1. go to online store → add a FREE theme Debut it will install as extra theme

  2. once installed go to the theme → select actions then preview

  3. go to one of your products and see if you still have the same problem. do not make any code changes. test it as it is installed

Do you still have problems?

a) if yes, then you will want to look at your settings within your store. if you have any apps that are interfering with them as well. also change your currency settings to US dollar and see if you still have same issue

b) if no, then it means that your new theme has either apps or other code changed to interfere with the site. since this is a new site and very basic, you should just activate the newly installed theme and then rebuild the front end. Otherwise, you will need to track down the issue with the code (ie: in javascript somewhere)

Lastly, if you are still having issues, install DAWN, new Shopify theme.

James

Hi James

Thanks for the reply I tried different themes to no avail i also have no apps so thats no issue. Dawn did work so ill change my theme to dawn. Thanks again

Rory

I don’t understand how could anybody mark this as “accepted solution”

@samuelstasiov27 did you try what I suggested or are you just making a statement