Prestashop 1.7.8.1 scroll on mobile not working

[andreicos82]

Hello. After upgrade from presta 1.7.7.8 to 1.7.8.1 entering on a product page from mobile phone, and try to put your finger on the product picture and scroll up or down. Is not working! And this is a bug from presta, because the demo from prestashop page is also affected 

https://demo.prestashop.com/#/en/front

[cristina]

Same problem here. Somebody with a fix for this error?!

[justmeagain]

I have same issue and am using 1.7.8.0

 

 

[matusrajnoha]

I have same issue and am using 1.7.8.1 ... please help us

[matusrajnoha]

My temporary solution is disable modal on product cover. In >> child_classic/templates/catalog/_partials/product-cover-thumbnails.tpl 
i edited this <div class="layer" data-toggle="modal" data-target="#product-modal">  to this <div class="layer" data-toggle="" data-target="">

and this css

.product-cover .layer:hover {opacity: 0;}

[justmeagain]

Glad you found a workaround

I'm not confident about editing files direct but willing to give it a go.

product-cover-thumbnails.tpl on my system is at

themes/classic/templates/catalog/_partials/product-cover-thumbnails.tpl - I assume that this is the same file?

Where yours says <div class="layer" data-toggle="modal" data-target="#product-modal">

Mine says <div class="layer hidden-sm-down" data-toggle="modal" data-target="#product-modal">

Prior to any changes

 

But where is this part found???

 

49 minutes ago, matusrajnoha said:

and this css

.product-cover .layer:hover {opacity: 0;}

Thanks in advance

 

P.S. am using 1.7.8.0 do I need to upgrade to 1.7.8.1 first?

 

 

[matusrajnoha]

I created a child theme. Therefore my file product-cover-thumbnails.tpl is under child_classics ...
Therefore, I am not worried about editing files. Child-themes only override default files.

I don't think you need to upgrade.

overwrite is removed:

<div class="layer hidden-sm-down" data-toggle="modal" data-target="#product-modal">

.product-cover .layer:hover {opacity: 0;} is here: 
themes/classic/assets/css/custom.css

.product-cover .layer:hover {opacity: 0;}

 

 

[matusrajnoha]

 

3 minutes ago, matusrajnoha said:

I created a child theme. Therefore my file product-cover-thumbnails.tpl is under child_classics ...
Therefore, I am not worried about editing files. Child-themes only override default files.

I don't think you need to upgrade.

overwrite is removed:

<div class="layer hidden-sm-down" data-toggle="modal" data-target="#product-modal">

.product-cover .layer:hover {opacity: 0;} is here: 
themes/classic/assets/css/custom.css

.product-cover .layer:hover {opacity: 0;}

 

 

I can turn off child-themes at any time and the rest is still in its original state.

Edited December 1, 2021 by matusrajnoha (see edit history)

[1disquaire]

Hello,

I had the same problem on my Prestashop 1.7.8.0
I got the solution by my theme support,You must add this line in the custom.css of the theme:

#product .product-cover img { pointer-events: none }

And the problem is solved, no more blocking on the main image of the product in responsive.

Jean-Marc

[haunter]

On 1/18/2022 at 6:11 PM, 1disquaire said:

Hello,

I had the same problem on my Prestashop 1.7.8.0
I got the solution by my theme support,You must add this line in the custom.css of the theme:

#product .product-cover img { pointer-events: none }

And the problem is solved, no more blocking on the main image of the product in responsive.

Jean-Marc

You are genius, working!