A user reports visual shaking/flickering issues when changing product variants on their Shopify store. The problem affects both payment buttons and collection sections.
Key Details:
Explanation Provided:
The flickering occurs because the theme reloads buttons based on variant availability (in-stock variants show “Add to Cart” while out-of-stock variants show “Sold Out”). The visible delay is the loading time needed to check stock status and re-render buttons—a common theme behavior.
User Concerns:
Status: The discussion remains open with no resolution provided yet.
Hi,
When I’m changing the variant of my product, the payment buttons are shaking weirdly. Also, The collection sections are shaking with it too. Can someone please tell me how I can solve it? Please check the video to understand it better, and also visit my website. I really appreciate any help you can provide.
Website: https://prettycious.com/
Video Link: https://www.loom.com/share/189fe0999ee14251aa84151a3b0d4b53?sid=36aab024-76db-4795-95aa-7ff60ac6f07e
It’s because your theme is reloading those buttons based on the variant chosen. Because one variant might be in stock (so it needs Add to Cart button) and another might be out of stock (so it needs to show a Sold Out button).
The flicker you’re seeing is the loading time for it to check and re-render the buttons. It’s pretty common.
Hello Jay,
Thanks for your response. But it was working fine before. I’m using Prestige theme version 10.2.0 right now and the problem started from version 10.0.0. The 9.3 version was super smooth and better. Also, if you have seen, it’s not about the button, the collection section is also flicking. Is there have any solution about them? Becaue I think the experience can be weird for customers. Thanks.