Problem
Third-party scripts slowed the first load, and on workshop pages the plain Add to cart button flashed on screen before the booking widget replaced it. A QA review also found placeholders in search and cart, uncropped product images and no breadcrumbs.
Solution
I deferred third-party scripts until the visitor interacts and loaded the main images with priority. For bookable products I hid the Add to cart button until the page knows whether the booking app has taken over, and tied that to a product tag. I then worked through the audit: real search terms, product recommendations in the cart, breadcrumbs, a clearer header, a language switcher with flags and image-ratio fixes.
Key decisions
Chose to react to the booking app, not a fixed delay
Why A timer either flashes the wrong button on slow connections or delays it on fast ones, while an event-driven check follows what the page really does.
Chose to defer app scripts instead of removing them
Why The apps keep working, but they no longer block the first screen.
Chose contained product images
Why The product artwork contains text, so cropping it to a card hid information.
Results
- Third-party scripts load after interaction, controlled from a theme setting.
- Workshop product pages no longer flash Add to cart before the booking widget.
- Search, cart, breadcrumbs and header were fixed from the QA audit.
- The inline language switcher shows flags for each language.