Swipe picture instead of scroll on dawn them

Store Design
, , , , ,

Topic summary

A user asks how to enable swipe functionality for product images instead of the default scroll behavior on their Dawn theme product page.

Solution provided:

  • A custom code implementation is shared via CodePen that adds navigation buttons to enable swiping between images
  • The code involves adding two buttons to the DOM structure

Alternative approach:

  • Using the Swiper.js library (https://swiperjs.com) is suggested as another option for implementing swipe/slide functionality

The response includes visual references and code examples to help implement either solution.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Hi,

Is there any way to enable swipe pictures instead of scroll pictures on the product page?

thanks in advance!

my link is www.dispomal.com

2

Hi @Dispomal ,

1. You can refer to this code:

https://codepen.io/tobigamibss/pen/OJddGvE

Add 2 buttons to the DOM:

view - 2023-12-08T094535.076.png
view - 2023-12-08T094535.076.png1919×887 257 KB

2. Or use the library: https://swiperjs.com/

Hope it helps @Dispomal