Dawn 14.0 - Zoom images not showing on mobile after a color variant change

dlacerte · ‎06-13-2024

I'm having a problem where zoomed in images on mobile aren't showing after a color variant change.

After looking at the source, it seems that some div's are being repeated.

  <div class="product-media-modal__dialog color-scheme-1 gradient" role="dialog" aria-label="Media gallery" aria-modal="true" tabindex="-1">
    <button id="ModalClose-template--22673916264741__main" type="button" class="product-media-modal__toggle" aria-label="Close">
      <svg xmlns="">
  <path d="" fill="currentColor">
</path></svg>

    </button>

    <div class="product-media-modal__content color-scheme-1 gradient" role="document" aria-label="Media gallery" tabindex="0">

This is on Dawn without any modifications.

Thanks in advance.

BSSCommerce-HDL · ‎06-13-2024

Hi @dlacerte, Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

dlacerte · ‎06-13-2024

https://robertbarakettjune24.myshopify.com/

password: CleanShop123

Dawn 14.0 - Zoom images not showing on mobile after a color variant change

Dawn 14.0 - Zoom images not showing on mobile after a color variant change

Community Blog Articles