TH-80: Product Page > Variants Images not showing when clicked (Mobile)

[eihabkhan]

JIRA Ticket

Ticket: TH-80.

Prerequisites

• Make sure to have at least one product with a few variants, to make things easy for you, create this product:

  • Title: حذاء لورو بيانا
  • Description: حذاء موكاسين رياضي مصنوع من الجلد السويدي الناعم والمريح للغاية. النعل مصنوع من المطاط، وهي ميزة تميز جميع أحذية لورو بيانا الرياضية. الحذاء مزين بشريط صغير في الأمام مع دلايات "My Charms" المصغرة. يعد اختيارًا مثاليًا للصيف، سواء كنت ستقضين يومك على الشاطئ، في زيارة العائلة، أو في الخروج مع الأصدقاء.
  • Price: 250
  • Images
    
    
    
    

• Add variants to this product, preferibly of type Dropdown List variant with the following values:

  • Bleu Ciel
  • Marron
  • Beige
  • Vert

• Make sure to assign images to their respective variant, once that's done you can commence the QA steps
  

QA Steps

• Go to your product page
• Switch to mobile view
  • Open the dev tools (⌘ + ⌥ + I)
  • Toggle the device toolbar (⌘ + ⇧ + M)
  • Choose a mobile device from the top bar (e.g iPhone 12 Pro)
  • Try to change the product images, the main image should change accordingly
  • Now try switching the variant from the dropdown list, the image should update accordingly