Change how hard a user has to swipe across their screen to switch between product pictures?

Topic summary

Adjusting swipe sensitivity for product image galleries on Shopify product pages. The goal is to make switching images require less “perfect” swipes on touch devices.

  • A responder says this is controlled by the JavaScript slider library used by the theme and can be tuned via its swipe sensitivity settings. Example given: for Slick Slider, changing the touchThreshold value adjusts how far/precisely a user must swipe.
  • The asker requested the exact file location to edit, noting they couldn’t find relevant settings in slideshow.liquid.

Key points:

  • The solution depends on the specific slider library and theme; the setting likely lives in a JavaScript file (not the Liquid template), where the slider is initialized.
  • No exact file path or theme-specific instructions were provided yet.

Status: Unresolved. The asker needs guidance on where in their theme’s JS the slider is initialized to change the sensitivity setting.

Summarized with AI on December 27. AI used: gpt-5.

Is it possible to change how hard a user has to swipe across their screen to switch between product images?

In my store it feels like you need to swipe “perfect” to switch pictures.

Hi @KimGottwald ,

Welcome to Shopify community!

Yes, it is possible to adjust how hard a user has to swipe to switch between product images in Shopify. This is typically managed by the JavaScript library that handles the image slider on your product pages. By modifying the swipe sensitivity settings in the relevant JavaScript file of your theme, you can make the swipe action more or less sensitive according to your preference.

Slick Slider example :

$('.your-slider-class').slick({
  touchThreshold: 10 // Adjust this value for swipe sensitivity
});

If you still have any questions, feel free to ask.

1 Like

Could you provide the correct file where I can find the code?

I looked through the slideshow.liquid but couldn’t find anything.