Skip Navigation

[Resolved] Filter isotope with pagination

The Toolset Community Forum is closed, for technical support questions, please head on to our Toolset Professional Support (for paid clients), with any pre-sale or admin question please contact us here.
This support ticket is created 6 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.
This is the community support forum for Types plugin, which is part of Toolset. Toolset is a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients and people who registered for Types community support can post in it.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 1 reply, has 2 voices.

Last updated by Luo Yang 6 years, 10 months ago.

Assisted by: Luo Yang.

Author
Posts
#542655
iso.jpg

I created filter isotope for my custom taxonomy it's almost perfect just few problem I can't limit items per page or create pagination for my filter
here my code for views :

 
<!-- wpv-loop-start -->
<div id="myposts" >
		<wpv-loop>
          <div class="col-xs-6 col-sm-4 col-md-3 item [wpv-post-taxonomy type="productcategories" format="slug" separator=" "]" style="padding-left:0px;"> 
          [types field='products-gallery' alt='%%ALT%%' title='%%TITLE%%' size='full' align='none' separator=', ' index="0"][/types]
           </div>
            </wpv-loop> </div>
	<!-- wpv-loop-end -->

and here my js :


//this is isotop section
var $container = jQuery('#myposts');    // Container for the all post items

// init
$container.isotope({
  // options
  itemSelector: '.item',    // Individual post item selector
  layoutMode: 'fitRows'

});


// Enable filter buttons to behave as expected
jQuery('.filters a').on( 'click',  function() { 
  var filterValue = jQuery(this).attr('data-filter');
  $container.isotope({ filter: filterValue });
});

There's someone can help me to limit items to display per page or create pagination?

#542837

Dear sarun,

The isotope JS effect does not support pagination, if you need to setup pagination within Views plugin, please check our document:
Views Pagination – Split Content into Pages
https://toolset.com/documentation/user-guides/views-pagination/

The forum ‘Types Community Support’ is closed to new topics and replies.

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.