Price Updating

I have product that have varients without an image and when I choose the varient the price doesnt change (as it should because it has different price for every varient).
This product for example: שמיכת אהבה בעיצוב אישי – להתעטף ברגע שלכם 💜 | עיצוב אישי | Couples Corner
every varient here has a different price but its not updating.
Note that when I do have an image for other product varients it does change the price.
And on the same breath I wanted to ask if you know how you make a varient image not part of the product image gallery, like how I make it so when a customer chooses a varient it will just load the varient image (because I have some products with around 30 variables images and it effects on the loading time)

thanks alot guys!

The price is fine in the cart, maybe it’s a custom code error or maybe an app is conflicting.

This behavior is usually theme-related, not a Shopify limitation.

Why the price is not updating:
In many themes, the JavaScript that updates the variant price is tied to the variant image change event. When a variant has no image, that event never fires, so the price stays static even though the variant price is set correctly in the admin.

This is why it works on products where each variant has an image.

How to fix the price update issue:

Check whether your theme supports price updates independently of variant images.

Ensure the variant selector (dropdown or buttons) is properly connected to the theme’s variant-change script.

In some themes, this requires enabling dynamic pricing in theme settings.

If the option does not exist, the theme’s JavaScript needs to listen to the variant ID change itself, not the image change. This is a known limitation in some custom or older themes.

Regarding variant images and gallery loading speed:
By default, Shopify includes variant images in the main product gallery, which can impact load time when there are many variants.

Common approaches themes use to handle this are:

Assigning variant images but hiding non-selected variant images from the gallery until selected

Loading the selected variant image dynamically without rendering all images at once

Using lazy loading for variant images

Whether this is possible depends entirely on the theme. Some themes include this feature out of the box; others require theme-level customization.

Key takeaway:

Variant price not updating without images is almost always a theme JavaScript issue

Variant images affecting gallery performance is a theme optimization concern, not a product setup error

Checking your theme’s variant handling logic is the correct place to start.

You have this code in your assets/theme.js commented out:

The code checks whether newly selected variant has featured image.
Since it is commented, theme forces image update even though there is no new image and code fails, preventing it from updating price, etc.

Not sure who would want to comment this code out and why, but I’d try to uncomment the commented lines.

As for multiple images affecting page speed – yes, your thumbnails are not lazy loaded, furthermore, some of them are pretty big.
This is something which needs to be fixed in theme code.
Hard to recommend any edits without seeing the code.

Hi,

Hope this will help

  • Price not updating usually means the variant isn’t properly linked or the theme script only updates when a variant image exists. Previewing the product in Shopify’s default theme helps confirm if it’s theme related.

  • Shopify doesn’t natively hide variant images from the gallery. You need custom theme code to load variant images only when selected.

  • To place “Buy Now” next to “Add to Cart” in Sense theme, use simple flexbox CSS in the custom CSS section.

CSS example

.product-form__buttons {
    display: flex;
    gap: 10px;
}

.product-form__submit,
.shopify-payment-button__button {
    width: 50%;
}