Bug with quick view in mobile view

3 replies · opened Jan 2, 2017

JjohnjohnJan 2, 2017

Happy New Year!

I found a bug with the quick view option.
When you are on a mobile and see the pop-up after clicking quick view, the window does not scroll (cannot be swiped up or down).

As a test (not my site) you can check http://2.236.100.29:9013/shop.html
Similar problem there as well (also with latest version of Canvas 4.2)

Looking forward to quick reply

Thank you

SSemicolon WebSTAFFJan 4, 2017

Hello,

Thanks for reporting this to us!

Please find all the instances of the following code inside the js/functions.js File:

open: function() {
	$body.addClass('ohidden');
},
close: function() {
	$body.removeClass('ohidden');
}

and replace it with:

open: function() {
	if( !$body.hasClass('device-touch') ) {
		$body.toggleClass('ohidden', true);
	}
},
close: function() {
	if( !$body.hasClass('device-touch') ) {
		$body.toggleClass('ohidden', false);
	}
}

This should definitely fix the issue. Let us know if we can help you with anything else or if you find any further issues.

JjohnjohnJan 4, 2017

Thank you very much!
Now it does scroll indeed.

Is there any way to limit it not scroll above the popup?

SSemicolon WebSTAFFJan 6, 2017

Hello,

Unfortunately not! Since now the scroll container is the Body which scrolls according to the Body Content and not the Popup Content.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard