Variations not changing on product page

– Clear product transients at:
Dashboard > WooCommerce > Status > Tools tab > Product transients button

– The console is showing Javascript errors coming from the floating bar. Ensure it is deactivated at:
Dashboard > Appearance > Customize > WooCommerce > Single Product > Display Floating Bar = No

– Switch to the Storefront theme. If that works, you probably have an issue with your theme.

Thanks. I was thinking it might be a theme issue.

Okay, I switched to the default WordPress Twenty Ten theme and the Storefront theme and I’m still getting the same result. OceanWP theme support says it’s not their theme, but they’re not sure what’s going on either.

Whilst switched to Storefront, did you also deactivate all plugins except WooCommerce. Does it work then?

Tried it…..nothing changed. ??

I have it on Storefront right now with all plugins except for Woocommerce deactivated. Maybe it’ll be easier to see what’s going on.

It looks like the attribute values are not set. At the product edit page, Product Data section, Attributes tab, for design choices the attribute values should be something like:

Celtic Knot | Om | Triquetra | Triple Moon | Triple Moon | Tree of Life

Yes, the attribute values are set.

Yes they look good.

But if you look at the markup, the variation data appears in the form tag’s data-product_variations parameter. The attribute values are not showing there.

what we see in the markup is:
{"attributes":{"attribute_design-choices":""}

it should be:
{"attributes":{"attribute_design-choices":"celtic-knot"}

Are the attribute values set for each variation?

If the variations setup is correct, perhaps the product data has become corrupted. I would try making a copy product, just copy and paste the text across to the new product.

Okay, I’ll try to create the product again and see if that works.

YES! THANK YOU! You were right, I didn’t have the attributes linked properly. Working great now. Thanks again lorro.