Canvas Support

accodion and masonry gallery

6 replies · opened Oct 5, 2019

OoctaviohOct 5, 2019

I have an accordion with 3 acc_content with Masonry Gallery

When i open an accordion no show gallery. In te first is show.

SSemicolon WebSTAFFOct 5, 2019

Hello,

This is Definitely Possible but not setup by default! Consider finding the following code in the js/functions.js File inside the accordions: function() Function Block: 

$(this).toggleClass('acctitlec').next().stop().slideDown("normal", function(){
	if( ( $body.hasClass('device-sm') || $body.hasClass('device-xs') ) && element.hasClass('scroll-on-open') ) {
		$('html,body').stop(true).animate({
			'scrollTop': clickTarget.offset().top - ( SEMICOLON.initialize.topScrollOffset() - 40 )
		}, 800, 'easeOutQuad' );
	}
});

and replace it with: 

$(this).toggleClass('acctitlec').next().stop().slideDown("normal", function(){
	$('.masonry-thumbs:not(.customjs)').isotope('layout');
	if( ( $body.hasClass('device-sm') || $body.hasClass('device-xs') ) && element.hasClass('scroll-on-open') ) {
		$('html,body').stop(true).animate({
			'scrollTop': clickTarget.offset().top - ( SEMICOLON.initialize.topScrollOffset() - 40 )
		}, 800, 'easeOutQuad' );
	}
});

This will definitely work fine. Hope this Helps!

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

SSemicolon WebSTAFFOct 5, 2019

Hello,

We understand and the codes we have provided you with above fixes the problem. Please follow the instructions provided above and let us know if you are still facing the issue. Thanks for your Patience.

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

OoctaviohOct 6, 2019

Sorry, i change js code but no show.

If i use inspector in Chrome is show but is i click in other accodion no show again.

SSemicolon WebSTAFFOct 7, 2019

Hello,

Apologies about the Inconveniences! Consider using the following code: 

$(this).toggleClass('acctitlec').next().stop().slideDown("normal", function(){
	SEMICOLON.widget.masonryThumbs();
	if( ( $body.hasClass('device-sm') || $body.hasClass('device-xs') ) && element.hasClass('scroll-on-open') ) {
		$('html,body').stop(true).animate({
			'scrollTop': clickTarget.offset().top - ( SEMICOLON.initialize.topScrollOffset() - 40 )
		}, 800, 'easeOutQuad' );
	}
});

This should definitely work fine. Hope this Helps!

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

OoctaviohOct 9, 2019

Fantastic, it works perfect
Thanks very much

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