Issue: Product variant information (colors, sizes) suddenly disappeared from product pages without any intentional site changes.
Affected Users: Multiple Shopify store owners reported the same problem occurring simultaneously.
Root Cause: Something added display: none CSS styling to variant elements, making them invisible.
Solution Provided: Add specific CSS code to the theme.liquid file after the <head> tag via Online Store > Themes > Edit code.
New Problem: The fix successfully restored variant visibility but now causes SKU numbers to display multiple times on product pages.
Status: Partially resolved - variants are visible again, but the duplicate SKU display issue remains unaddressed.
At some point today variant information stopped showing on our product pages. Nothing was changes on the site, it just stopped showing. ANy help on how or where to start to figure this out?
Product page: https://www.emser.com/products/terramor - you can see all the colors and sizes are now missing.
The variants info should be showing below the SKU - you can see a wayback machine example here:
https://web.archive.org/web/20240518065046/https://www.emser.com/products/terramor
We are experiencing the same issue. Variants suddenly became invisible on the website.
Hi @khawe
Something added displays none of your variants. Please add this code to theme.liquid file, after in Online Store > Themes > Edit code to solved it
