How To Fix The Dawn v14 Quick Add Variant Image Bug

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:

• What's new with Dawn v14?

 

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`);