Variant won't update price

Solved
Highlighted
Tourist
5 1 0

Hi, thanks for your help!

 

When I select "Electronic" for the lock type on this page, it should update the variant price, but it doesn't change.

 

https://safe-vaults.myshopify.com/products/centurion?variant=18276670308403

 

I'm at a loss on this! Thanks for anyone's help.

 

Josh

0 Likes

Hello 

 

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
1 Like
Shopify Staff
Shopify Staff
637 39 82

Hi, @gpsdesign 

 

Katy here from Shopify. I hope all is well.

 

As @oscprofessional mentions, I would definitely first check to make sure that both variant prices are set as different in your admin.

 

Though this does strike me as more theme related. A good way to confirm this, would be by testing it out in a preview of another theme to see if you can replicate this. We have info on how to do this here

 

When testing this toggle function in Chrome DevTools on your current theme, it does appear that the price is not updating.

 

14-42-gfh0t-2x0fq

 

 

Here is an example of how this should ideally look using my test store (provided that the prices are specified as different). Although the code is different, this should still reflect a change. 

 

14-47-opexm-afk4p

 

If you have made edits to your theme's product template, this may be interfering in some way. There is always the option to roll back to a previous or original version of your theme / theme templates. We have info on how to do this here.  Or, failing this I suggest to have a chat with your theme developer.

 

I hope this helps

 

Cheers,
Katy

Katy | Social Care @ 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

1 Like
Tourist
5 1 0

I double checked and the variants are set to different prices: https://gps.d.pr/oxVmnL

 

If you reload the page with the new variant selected, it does update the price (although it doesn't re-select the variant).

 

Here's a video that shows what I mean:

https://www.loom.com/share/340c6e91c01845a9958907447ae9f39b

 

Thanks!

0 Likes
Tourist
5 1 0

I did preview it in another theme and it works:

https://www.loom.com/share/1ba8a78d5a4842b8a026f10dbda6d614

0 Likes
Tourist
5 1 0

I reverted it to the original version and tried re-uploading the same theme, but it still didn't work :\

 

Here's the liquid code:

 

<div class="{{ g_col_right }} product-single__detail grid__item {{ product_description_width }}">
        <div class="product-single__meta">
          <h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>
          {% if product_reviews %}       
          <div class="custom-reviews a-left hidden-xs">          
            <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>          
          </div>
          {% endif %}
  <div class="clearfix" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
            <meta itemprop="priceCurrency" content="{{ shop.currency }}">
            <link itemprop="availability" href="http://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}">
          </div>
          <div class="clearfix product-price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
            <meta itemprop="priceCurrency" content="{{ shop.currency }}">
            <link itemprop="availability" href="http://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}">
            
            <p class="price-box product-single__price-{{ section.id }}{% unless current_variant.available %} product-price--sold-out{% endunless %}">
              
              {% if current_variant.compare_at_price > current_variant.price %}
              <span class="special-price product-price__price product-price__price-{{ section.id }} product-price__sale product-price__sale--single">
                <span id="ProductPrice-{{ section.id }}"
                      itemprop="price" content="{{ current_variant.price | divided_by: 100.00 }}">
                  {{ current_variant.price | money }}
                </span>
              </span>
              
              <s class="old-price" id="ComparePrice-{{ section.id }}">{{ current_variant.compare_at_price | money }}</s>
              
              {% else %}
              <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
              
              <span class="product-price__price product-price__price-{{ section.id }} price">
                <span id="ProductPrice-{{ section.id }}" itemprop="price" content="{{ current_variant.price | divided_by: 100.00 }}">
                  {{ current_variant.price | money }}
                </span>
              </span>
              
              <s id="ComparePrice-{{ section.id }}" class="hide">{{ current_variant.compare_at_price | money }}</s>
 
              {% endif %}
            </p>
            
          </div>
0 Likes
Shopify Staff
Shopify Staff
637 39 82

Thanks for your reply, @gpsdesign and for doing some additional checks and testing.

 

As other themes do not show the same error then it does for sure seem to be isolated to your current theme.  If you have rolled back the code in template and sections controlling your product page it is then likely coming from somewhere else in the theme, or perhaps an app. As it is third party, I wouldn't be able to assess the rest of the code to tell what may be causing this.

 

Do you have your theme developers details? If so, I do suggest to reach out to them directly. Alternatively, our partners and community members may be able to chime in with their own thoughts. There is also the option to chat with a Shopify Expert directly here too.


I hope that you get a solution on this soon.

 

Cheers,
Katy

 

Katy | Social Care @ 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

1 Like

Success.

Tourist
5 1 0

Well... I contacted the theme developer and they told me how to fix it. Had to add <span class='money'> around the dollar amount in my settings. 

 

https://gps.d.pr/z3bUeI

 

Not sure why that would be a problem. Seems like poor theme development, but whatever. It's fixed now.

 

Hopefully this will help someone having a similar problem!

 

0 Likes
New Member
5 0 0

I am the owner of a bakery. I am using the brooklyn theme with a goal to offer multiple options before cart is chosen. Example. 

I would like to sell cupcakes by the dozen and half dozen. The variant list isn't giving me that option. I would also like to offer assortment options for multiple  cupcakes. Here is our site below. 

https://jenauris-vegan-bakery.myshopify.com/admin/themes/43911774298/editor

0 Likes
New Member
5 0 0

I am the owner of a bakery. I am using the BROOKLYN theme with a goal to offer multiple options before cart is chosen. Example. 

I would like to sell cupcakes by the dozen and half dozen. The variant list isn't giving me that option. I would also like to offer assortment options for multiple  cupcakes. Here is our site below. 

https://jenauris-vegan-bakery.myshopify.com/admin/themes/43911774298/editor

0 Likes