Canvas Support

The main image is hidden when quickview opens for the first time

2 replies · opened May 21, 2018

CCrohmMay 21, 2018

Hello,

I have another issue on the quickview (happening both on mobile and desktop) :
when a product quickview opens for the first time, the first main image is hidden.

We need to slide to the next picture (or close and reopen the same product quickview) to make it appear.

You can test it by clicking on a product, the first time you go on this page :
http://test.wedding-table-plan.com/tarifs.php
(user : canvas / password : canvas)

Do you know what cause that and how to avoid it?

Thank you!

CCrohmJun 5, 2018

Hello,

I still cannot figure out what cause this problem...

I took a screenshot on mobile to give you a better idea of the issue (but the same problem occurs also on desktop). As you can see, only the thumbs are visible but the main image is hidden.

The problem seems to occur only if the product quickview has never been "opened" on the current device...

SSemicolon WebSTAFFJun 19, 2018

Hello,

Thanks for your Patience!

Please find the following code in the js/functions.js File: 

ajaxContentAdded: function(mfpResponse) {
	SEMICOLON.widget.loadFlexSlider();
	SEMICOLON.initialize.resizeVideos();
	SEMICOLON.widget.masonryThumbs();
}

and replace it with: 

ajaxContentAdded: function(mfpResponse) {
	SEMICOLON.widget.loadFlexSlider();
	SEMICOLON.initialize.resizeVideos();
	SEMICOLON.widget.masonryThumbs();
	setTimeout(function(){
		$( '.flexslider .slide' ).resize();
	}, 500);
}

This should definitely fix the issue. Hope this Helps!

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

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