A Prestige theme user encountered multiple issues after attempting to modify variant selection behavior using ChatGPT assistance. Despite trying to revert changes, problems persisted.
Main Issues Identified:
Root Causes:
Solutions Applied:
Status: Font flickering issue resolved. Variant switching issue with VO Product Options remains unresolved—user needs to explore app settings independently.
Hi All,
Kind of embarrassed to be posting here, but I screwed up some JS on my prestige website and I cannot fix it. I have tried restoring back to a previous version I had but nothing seems to revert the issues. They are very minor, but I really want to go back to what I had originally. Is there a way to get native stock JS files any where to replace what I have?
Opening to hiring an expert at this point. Please help!
Depends on the theme version you have. Latest theme code can be downloaded from the Theme store, otherwise have a look at what previous theme copies you have.
Share a (preview) link to your store – maybe it’s easy to fix as is.
Hello,
Thanks for the response.
Full transparency here - I was using chatgpt to help me with what I though would be a simple change. I have used chatgpt before to assist me and have had great success. I thought if I screwed it up I could always revert back. However, reverting back doesn’t fix it.
What I was originally trying to do was change the variants on my product pages so that it does not auto select the first variant. Instead I was trying to set it up where they have to select a variant option. Not only could I not get this to work, ive seem to of broken other elements on the website.
Here is an example - Arteflame XXL 40" Flat Top Charcoal Grill - Classic Storage Base
Your theme is pretty recent, so you can get another theme copy from the Theme store.
However, you also have the Best custom product Options app from Relentless – this app changes your swatches to drop-downs.
Hello @bondrish ,
I hope you are well!
To revert the changes and fix the issue, please check the below image or follow the steps:
Go to Online store >> Themes >> Edit code >> Timeline >> And click on orignal to revert back all the changes. This will revert all the changes and the issues will be fixed.
And the flicker comes from the AMP ‑ Slide Cart Drawer app – it’s meddling with your scrollbars.
I believe I was modifying, the Variant.Liquid and the Theme.js primarily. What about these?
Thank you. Any idea why that app would start causing issues now?
Yes! You will get option of varient.liquid and Theme.js in timeline.
Thanks! I will give this a try.
Update - I was able to figure out the variant issue where it loads and then switches over. This is the VO Product Options plugin. It is odd that this is causing issues all of a sudden. Any idea how to fix this so that it doesn’t switch change from the swatches to drop down? The skus change too after load - example - Arteflame XXL 40" Flat Top Charcoal Grill - Classic Storage Base
Also - still unable to fix the flickering of the headers on the pages and product titles. I went through and tried to trouble shoot but no luck. Any idea?
Yes, as I’ve pointed out here – Product options App rearranges your product options 
You need to see the app settings.
As for the product titles – you’re using Inter font. The theme code loads this font from Shopify servers, but then, later, the Pop Convert app loads its own font file from their servers and browser has to re-render all elements using this font to use new file (and it is not 100% the same => flicker).
See how apps font is loaded much later?
Again - see the app settings to stop it loading its own fonts.
Thank you got the response.
Is there any way to prioritize the options app and not load the shopify standard? I really need this app.
You may set your Theme settings to use “System fonts” – this will prevent loading Shopify fonts, but then assign CSS variables to use another font.
But this would not look good – App loads its font files much later and the re-render would be very noticeable.
If app does not have setting to “use theme fonts” or something like this, then you may, indeed, load these fonts yourself much earlier than the app does.
I’d try adding this code:
<link href="https://fonts.bunny.net/css?family=inter:400" rel="preload" as="font" type="font/woff2" crossorigin="anonymous">
<link href="https://fonts.bunny.net/css?family=inter:400" rel="stylesheet" data-hash="65559991">
May use “Custom liquid”/“Custom code” section in Header or Footer section groups, or edit your layout/theme.liquid to add this code right above the </head> tag.
Amazing, this code worked! I really appreciate it.
Any suggestions for the other issue with VO Product Options?
You need to play with App settings, I do not have experience with this app.