Today we’re looking at how to fix a bug with the quick add pop up in the Shopify free themes v14.0.0 (Dawn, Refresh, Sense, etc).
When selecting the variant in this quick add modal, the product media doesn't change. In this tutorial we show you how to fix this.
Compatible Themes: This code should work on all free Shopify themes (Dawn, Refresh, Craft, Studio, Publisher, Crave, Origin, Taste, Colorblock, Sense, Ride, Spotlight).
Links:
Edit Theme Code
Edit asset global.js method updateMedia(html)
Add this line
const sectionId = this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section;Replace this line
const mediaGalleryDestination = html.querySelector(`[id^="MediaGallery-${this.dataset.section}"] ul`);
with
const mediaGalleryDestination = html.querySelector(`[id^="MediaGallery-${sectionId}"] ul`);