Slider

Store Design

Topic summary

A Shopify newcomer is experiencing a mobile slider issue on their product page. While the desktop version works correctly, the mobile version has problematic touch behavior: product images aren’t fixed and interfere with vertical scrolling, moving in circles when touched and making navigation difficult.

Proposed Solutions:

  • Check theme settings for mobile slider options (disable swipe, lock direction)
  • Review slider app settings for mobile-specific configurations
  • Modify theme code in product-template.liquid to adjust touch event handling
  • Consider switching to a more mobile-friendly slider app

Current Status:
The discussion remains open. The user shared their store URL (eztraveller.net, no longer password-protected) and is willing to try all suggested solutions. Multiple community members offered to review the site directly and provide specific fixes.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I am not really familiar with the terminology, because I am new in Shopify and industry in general, but I’ll try to explain what my issue is.

I’ve got a slider at my “Product Information Page”. The desktop version is perfectly fine, but on the Mobile version, when I try to scroll down the page, the images are not “fixed”, they move upwards and prevent me from scrolling. When you put your finger on the product images, you can move them in circles if you want to, and makes even the sideways movement hard sometimes.

How can I fix the images?

1 Like
2

Hey @jivijivi ,

I understand how frustrating this mobile slider issue must be, especially when you’re new to Shopify and still learning your way around. It’s particularly annoying when something works perfectly on desktop but becomes problematic on mobile devices.

What you’re experiencing sounds like a common issue with touch-enabled sliders that don’t have proper mobile optimization. The images are likely interfering with the natural page scroll because they’re capturing your touch events.

Here are some suggestions to fix this:

  1. Check your theme settings first - many Shopify themes have specific mobile slider settings you can adjust without touching code. Look for options like “disable swipe on mobile” or “lock slider direction.”

  2. If you’re using a specific slider app, check its settings for mobile-specific options or contact their support.

  3. If you need to modify your theme code:

    • Go to Online Store → Themes → Actions → Edit code
    • Look for your product-template.liquid file
    • Find the slider code section (it might include terms like “slick”, “swiper”, or “product-gallery”)
    • Add or modify the touch settings to prevent the slider from capturing vertical scrolls

  4. Consider using a different slider app that’s specifically designed to be mobile-friendly.

I know diving into code can be intimidating when you’re new to e-commerce, so if you want us to check this for you we will :slightly_smiling_face: Please DM or email us your collaborator code and we’ll send you the store access request to resolve this issue.

Thanks,
Shubham | Untechnickle

1 Like
3

Hello @jivijivi

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

1 Like
4

Hello,

Thank you all for stepping up.

It’s not protected by pass anymore, here is the URL: https://eztraveller.net/

Appreciate it

1 Like
5

Hello,

Thank you, it’s poking my eyes. I will try every single solution you guys offer, so I can fix that!

1 Like