Hello, I have a problem: when I change the color of the product, the Loox rating above the price disappears for about 0.1 seconds. It seems like it reloads or something. https://leyah.de/products/leyah-strait-pro
Need help. thanks in advance!
Topic summary
A user reports that the Loox rating badge above the product price briefly disappears (approximately 0.1 seconds) when changing product color variants, appearing to reload each time.
Identified Cause:
- The product section re-renders when variants change, temporarily removing and reloading JavaScript-injected elements like the Loox rating badge.
Suggested Solutions:
- Enable AJAX-less variant switching if the theme supports it to prevent full section re-rendering
- Relocate the Loox widget outside the dynamically re-rendered container in the product template file (e.g., product-template.liquid)
- Implement Loox’s static placement code and position it outside elements that reload during variant changes
Status: The issue remains unresolved; the user has not confirmed whether any suggested solutions were attempted or successful.
Hi @LeyDE
Thanks for reaching out Shopify community.
What you’re seeing is likely due to the product section re-rendering when the variant (color) changes. This can briefly remove and reload elements like the Loox rating badge, especially if it’s injected via JavaScript.
Here are a couple of things you can try:
Enable AJAX-less behavior (if your theme supports it):
Some themes have a setting to prevent full re-rendering when switching variants.
Manually move the Loox widget outside the re-rendered container:
If the rating is inside a section that reloads, moving it just outside the dynamic container in your product template (e.g., product-template.liquid) may prevent it from disappearing.
Use Loox’s static placement code:
You can try manually placing the Loox rating badge using:
and ensure it’s placed outside the elements that reload on variant change.