Price and variations not changing

Store Feedback

Topic summary

A user is experiencing issues where product variation prices and images fail to update when selecting different options. The problem occurs intermittently and consistently reappears after adding items to a wishlist and refreshing the page.

Apps involved:

  • Wishlist Pro (wishlist functionality)
  • GLO Color Swatches (variation display)

Key technical conflict: GLO Color Swatches is designed for thumbnail grid layouts, but the userā€™s theme uses a carousel. GLO displays a compatibility warning about this mismatch. When the carousel is disabled, some color swatches appear blank/white and variations stop working entirely.

Proposed solutions:

  1. Switch product image display from carousel to grid thumbnails if the theme supports it
  2. Investigate JavaScript conflicts between Wishlist Pro and GLO Swatches that may prevent proper variant reloading after refresh
  3. Verify all product images are correctly linked to color variants in Shopify admin
  4. Apply CSS fixes to force swatches to display properly

Status: The discussion remains open with troubleshooting guidance provided but no confirmed resolution yet. The user requested referral to an expert for implementation assistance.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

When we choose a product and what a different variation and color of that product the price does not change. Everything is correct on the pricing, every single variation has a different price. Sometimes it does work but when I add something to my wishlist (using an app for it) and refresh afterwards it happens again. Prices do not change, pictures do not change. I use Wishlist Pro for the wishlist and GLO Color Swatches for the color swatches and other types of variations. I see no notification about something not being compatible with the theme Iā€™m currently using besides with GLO Color Swatches ā€œis function is only compatible with themes featuring a product image grid with thumbnails, and not with themes using a thumbnail carouselā€. My products do have a carousel. However if I do turn that feature off the color swatches donā€™t show every color (some are just white when they are supposed to be another color) and the variations donā€™t work at all. I would really appreciate if you could help.

Greatings

Elyesa

3 Likes
2

Iā€™d appreciate that.

1 Like
3

yes

elyesa75

4

I donā€™t have an expert. Iā€™d appreciate if you could refer me to one.
Thank you

1 Like
5

Hi @LJBabo

Iā€™ve carefully reviewed your question and the situation with your product variations, pricing, and wishlist functionality, and I can see how frustrating this must beā€”especially when it works intermittently but fails after refreshing or adding items to the wishlist. Letā€™s break this down and find a solution.

Understanding the Issue

Youā€™re experiencing two key problems:

  1. Prices and images not changing when selecting a different variation or color.
  2. The issue resets after adding to the wishlist and refreshing the page.

Since youā€™re using GLO Color Swatches and Wishlist Pro, the root cause likely comes from how these apps interact with your Shopify themeā€™s product page layout, particularly because GLO mentions it works best with themes using a product image grid with thumbnails, while your theme has a carousel setup.

Possible Causes & Fixes#### 1. Theme and App Conflict (GLO Swatches & Carousel)

Since GLO Color Swatches is designed for thumbnail grids, but youā€™re using a carousel, this mismatch can cause JavaScript issues, preventing updates to price and images.

Fix:

  • Try switching your themeā€™s product image display to grid thumbnails instead of a carousel (if possible).
  • If your theme doesnā€™t support this switch, you may need custom code to make GLO function properly with the carousel.

2. JavaScript Conflicts (Wishlist Pro + GLO Swatches)

When you add items to the wishlist and refresh, JavaScript might be interfering with how variations reload. Wishlist apps often override product selectors to store selections, but if they donā€™t refresh properly, it can result in the price/image not updating.

Fix:

  • Check if Wishlist Pro has an option to refresh product data after page reload. Some wishlist apps have settings for this.
  • If not, you can add a custom JavaScript snippet to manually reload the product selector when the page refreshes:

document.addEventListener(ā€œDOMContentLoadedā€, function() {

setTimeout(function(){

var variantDropdown = document.querySelector(ā€œ[name=ā€˜idā€™]ā€);

if(variantDropdown) {

variantDropdown.dispatchEvent(new Event(ā€˜changeā€™));

}

}, 500);

});

This script forces the variant selector to refresh when the page loads, ensuring the correct price and image show.

3. Color Swatches Display Incorrectly (Some Show as White)

If turning off the carousel makes some colors appear blank, the issue is likely with how the swatches are being loaded.

Fix:

  • Make sure all product images are correctly linked to their variant colors in your Shopify admin. GLO pulls swatch colors based on the variant images.
  • Check if your themeā€™s CSS is affecting how swatches are displayed. You can add this CSS tweak to force swatches to display correctly:

.glo-color-swatches img {

opacity: 1 !important;

visibility: visible !important;

}

If this fixes the blank color swatches, then the issue was CSS overriding them.

Final Thoughts

Your issue is most likely a combination of GLO Color Swatches not working well with carousels and Wishlist Pro affecting how variants update after refresh. Try these solutions step by step, and let me know if you need more specific fixes based on your theme.

If you need any other assistance, feel free to ask, and I will try my best to support you.
Best regards,
Daisy.