Updated on August 24, 2019
This tutorial provides the steps to set up entries of a portfolio custom post type that can be filtered by the terms of associated portfolio_category custom taxonomy using Isotope in Oxygen.
This technique can also be applied to posts of any post type and any taxonomy.
Install and activate Portfolio Post Type plugin.
Add your portfolio entries and set featured images. Images should ideally be 800 x 800.
Create portfolio categories as needed and assign the entries to their corresponding portfolio categories.
Install and activate Code Snippets plugin.
a) Go to Snippets > Add New.
Title: Custom Image Sizes
add_image_size( 'portfolio_thumb', 800, 800, true );
If there are any portfolio posts that already have featured images of dimensions other than 800 x 800, regenerate thumbnails.
b) Add another Snippet.
Title: Set number of entries on portfolio CPT archive
This is a premium members-only content.
To view the rest of the content, please sign up for membership ($37/month or $399 one-time).
Already a member? Log in below or here.
Awesome tutorial. Exactly what I was looking for.
Hi Sridhar, nice toturial but I have a problem – when I inspect portfolio site, there are 2 error:
“Uncaught SyntaxError: Unexpected token <”
“Uncaught TypeError: $(…).isotope is not a function
Do you know what is that? I tested on Oxygen 2.2 beta
Hej, hope you´ve got this fixed for you.
I just came across the same issue.
I fixed it by using the isotope.pkgd.min.js from https://isotope.metafizzy.co/?fbclid=IwAR3Jnb4P1Gp_6hStlcH–ydQp1GxOHznIvfmA9YweoQJZWh4I90Bv3vpxZw
Hey, Tried to implement your tut using ACF, but i get the error:
Warning: count(): Parameter must be an array or an object that implements Countable in /home/produktf/domains/rankwell.uk/public_html/wp-content/plugins/my-custom-functionality-master/plugin.php on line 110
Hey, Tried to implement your tut using CPT and ACF, but I get the error:
Would you mind sparing some time to try to get it working with CPT/ACF plugins?
Sridhar, there seems to be a problem with the Demo link. It brings you to:
Updated the tutorial and the demo link.
Hi Sridhar, i have one question for you, how use your Filtrable Portfolio with repeater? Thank you very much!
As far as I know, this can not be done with Repeater because it is not possible to add the needed <?php echo wpdd_get_terms( "portfolio_category" ); ?> to each div’s class.
<?php echo wpdd_get_terms( "portfolio_category" ); ?>
Enter your email address to subscribe to this blog and receive notifications of new tutorials by email.
Join 210 other subscribers