Price and variations not changing

[LJBabo]

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

[LJBabo]

I'd appreciate that.

[LJBabo]

yes 

elyesa75

[LJBabo]

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

[DaisyVo]

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.