I Can't Swipe Images Of Product Page In Mobile

Solved

I Can't Swipe Images Of Product Page In Mobile

Emiway1
Shopify Partner
55 0 8

I Can't Swipe Images Of Product Page In Mobile

URL: https://redpandaoutdoor.in/

 

Accepted Solution (1)

Mehran_Ali
Shopify Partner
461 63 69

This is an accepted solution.

HI @Emiway1 

 

You can solve this issue by just adding this CSS

You just need to follow these steps:

1) Go to the Online Store
2) Edit Code
3) Find theme.css / base.css


And past that CSS Code:

@media(max-width:768px){
    .product-gallery__zoom .ring { opacity: 1 !important;!im; width: 10px !important; height: 10px !important; transform: translateY(-20px); }
    .product-gallery__zoom { position: unset; }
    .product-gallery__media-list-wrapper { position: relative; }
}

 

 

 

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!

-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR

Buying Me A Coffee.

-If you need an expert Shopify developer for customization and development, feel free to contact me.


Email: Mehran.ali5300@gmail.com


WhatsApp: +92 343 0211536

View solution in original post

Replies 6 (6)

rajweb
Shopify Partner
545 47 104

Subject : Assistance with Mobile Image Swipe Issue on Your Store

Dear @Emiway1 ,

Thank you for reaching out regarding the image swipe issue on the product page of your store.

I would be happy to help resolve this. With over 5 years of experience working with Shopify, I can ensure the issue is addressed promptly. If you don't mind, may I request temporary access to your store so I can investigate and fix the issue directly on your mobile site?

Once I have access, I will be able to identify the root cause and implement a solution quickly to restore the mobile swipe functionality.

Looking forward to your reply and to assisting you further.

Best regards,

Rajat Sharma

-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com

KetanKumar
Shopify Partner
37509 3664 12135

@Emiway1 oh sorry for that issue can you please share multiple product image one product url so will check and update

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Emiway1
Shopify Partner
55 0 8

https://redpandaoutdoor.in/products/250g-powder-chalk
Open This in Mobile & Try to swipe images

DaisyVo
Shopify Partner
2770 332 383

Hi @Emiway1 

 

I hope you are well.

 

Upon checking, we found that this setting has been customized from your end: (https://prnt.sc/S_teseZhTAL9). 

 

Could you please revert to the original before customization so we can check it further here?

 

Looking forward to hearing from you soon. Thank you!

 

Best,

Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Emiway1
Shopify Partner
55 0 8

sorry i didn't get this?

 

Mehran_Ali
Shopify Partner
461 63 69

This is an accepted solution.

HI @Emiway1 

 

You can solve this issue by just adding this CSS

You just need to follow these steps:

1) Go to the Online Store
2) Edit Code
3) Find theme.css / base.css


And past that CSS Code:

@media(max-width:768px){
    .product-gallery__zoom .ring { opacity: 1 !important;!im; width: 10px !important; height: 10px !important; transform: translateY(-20px); }
    .product-gallery__zoom { position: unset; }
    .product-gallery__media-list-wrapper { position: relative; }
}

 

 

 

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!

-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR

Buying Me A Coffee.

-If you need an expert Shopify developer for customization and development, feel free to contact me.


Email: Mehran.ali5300@gmail.com


WhatsApp: +92 343 0211536