portfolio filter

3 replies · opened Dec 24, 2019

LLileshDec 24, 2019

I removed "show all" option from my page, now when I click to second child or third child on the filter, it won't show until that data loads
& I had to again click to check data is loaded or not?
attaching error video below with the link

LLileshDec 26, 2019

It's Been More Than 40 Hours?
can I get a resolution for this?

SSemicolon WebSTAFFDec 26, 2019

Hello,

Thanks for your Patience! Considering the Christmas and New Years Holidays at the moment, unfortunately, there might be minor delays in replying to your Support Queries. Normally, we answer within 12-24 Hours or faster. However, the Support Replies can go up to 48 Hours during the Holidays due to lack of Support Staff. Nonetheless, we will try out best to provide you with Solution as early as possible. Thanks for your Understanding.

Regarding your Query:

This appears to be a bug and overlooked as this usage scenario is quite unique. Consider following the steps below to fix this:

  1. Find the following code in the js/functions.js File inside the filterInit: function() Function Block:
element.find('a').off( 'click' ).on( 'click', function(){
	element.find('li').removeClass( elementActiveClass );
	$(this).parent('li').addClass( elementActiveClass );
	var selector = $(this).attr('data-filter');
	$(elementContainer).isotope({ filter: selector });
	return false;
});

and replace it with:

element.find('a').off( 'click' ).on( 'click', function(){
	element.find('li').removeClass( elementActiveClass );
	$(this).parent('li').addClass( elementActiveClass );
	var selector = $(this).attr('data-filter');
	$(elementContainer).isotope({ filter: selector });
	setTimeout(function(){
		$(elementContainer).find( '.flexslider .slide' ).resize();
	}, 700);
	return false;
});
  1. Find the following code in the js/functions.js File inside the loadFlexSlider: function() Function Block:
after: function(){
	if( $('.grid-container').hasClass('portfolio-full') ) {
		$('.grid-container.portfolio-full').isotope('layout');
		SEMICOLON.portfolio.portfolioDescMargin();
	}
	if( $('.post-grid').hasClass('post-masonry-full') ) {
		$('.post-grid.post-masonry-full').isotope('layout');
	}
}

and replace it with:

after: function(){
	$('.grid-container').isotope('layout');
	SEMICOLON.portfolio.portfolioDescMargin();
}

This should definitely the issues. 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