01

Scenario: Display 3 dots to indicate product image gallery

When the user is on the pages with a product feed including but not limited to the following pages:

1. saclac.com/bags

2. brand pages e.g https://saclab.com/brands/bottega_veneta/

3. Best selling pages e.g https://saclab.com/brands/chanel/?brand%5B%5D=chanel&model%5B%5D=timeless&in-stock=0

4. Pages with Landing page template

e.g https://saclab.com/designer-summer-bags/

Then 3 dots are displayed on in-stock product images to indicate the gallery

02

Scenario: Swipe right to view the next product image

Given the user is on the product feed

When the user swipes right on a product image

Then the next image in the product’s photo gallery is displayed

And the highlighted dot indicator moves to the next dot

And the transition animation matches the animation in the screen recording =>

02.1

Given: The product carousel contains a video

When: The user swipes left or right

Then: The video is excluded from the swipe functionality

03

Given the user is viewing the last image in the gallery on the product feed

When the user swipes right

Then the first image in the gallery is displayed And the dot indicator moves back to the first dot

04

Scenario: Swipe left to view the previous product image Given the user is on the product feed

When the user swipes left on a product image

Then the previous image in the product’s photo gallery is displayed

And the highlighted dot indicator moves to the previous dot And the transition animation matches the animation in the screen recording

05

Scenario: Tapping on a product image takes user to product details page

Given the user is on the product feed

When the user taps on a product image

Then the user is taken to the product details page (function already exists)