Slider

Slider

jivijivi
Tourist
3 0 3

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?

Replies 4 (4)

TheUntechnickle
Shopify Partner
355 34 93

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 🙂 Please DM or email us your collaborator code and we'll send you the store access request to resolve this issue.

Thanks,
Shubham | Untechnickle

Helping for free: hello@untechnickle.com


Don't forget to say thanks, it'll make my day - just send me an email! 


Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App

jivijivi
Tourist
3 0 3

Hello,

 

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

devcoders
Shopify Partner
1107 134 303

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?

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
jivijivi
Tourist
3 0 3

Hello,

 

Thank you all for stepping up.

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

 

Appreciate it