How to create filterable portfolio in WordPress?

You’re setting $terms_portfolio too early. You’re using get_the_terms( get_the_ID(), 'portfolio_categories'), but get_the_ID() won’t be the current portfolio in the loop because $portfolio_query->the_post() hasn’t run yet.

Change this bit:

<?php $portfolio_query = new WP_Query(array(
          'post_type' => 'portfolios',
          'order' => 'DESC',
          ));
        $terms_portfolio = get_the_terms( get_the_ID(), 'portfolio_categories');
        ?>     
        <?php if($portfolio_query->have_posts()) : while($portfolio_query->have_posts()) : $portfolio_query->the_post();  ?>
        <div class="col-md-4" data-tag="<?php echo $terms_portfolio[0]->slug; ?>">

To:

<?php 
$portfolio_query = new WP_Query(array(
    'post_type' => 'portfolios',
    'order' => 'DESC',
));

if($portfolio_query->have_posts()) : 
    while($portfolio_query->have_posts()) : $portfolio_query->the_post();  
        $terms_portfolio = get_the_terms( get_the_ID(), 'portfolio_categories'); 
        ?>

        <div class="col-md-4" data-tag="<?php echo $terms_portfolio[0]->slug; ?>">

Related Posts:

  1. Filtering custom posts by using checkboxes for taxonomy in an ajax loop always gives server 500 error
  2. How to paginate a list of custom taxonomy terms?
  3. JqueryUi Dialog giving Uncaught TypeError: this._addClass is not a function error
  4. WordPress Infinite Scroll without using any plugin
  5. Create Image Uploader for Widget
  6. WordPress Ajax always returns a 404 error
  7. Conditionally loading JavaScript based on the Advanced Custom Fields in the post
  8. Is there a reason why my wordpress PHP page isn’t loading into my PHP template
  9. How to resize image on client-side before upload?
  10. Limit the Excerpt field in WP-Admin in words
  11. Audio Player not loading when the content is loaded through Ajax, MediaElement.js no applied
  12. Customizer Show/Hide Logo and Site Title
  13. Javascript code inside “” in core WordPress files .php
  14. Include a specific post to the query_posts and remove it if it is already in the returned list
  15. javaScript in section of WP API
  16. How can I add an alert (like the old javascript alerts) to my WP page?
  17. Get Custom URL For Custom Taxonomy
  18. get_terms orderby numeric
  19. Bridging TinyMCE js and WordPress PHP?
  20. AJAX request status 200 but no actual “response”
  21. Create a hierarchical taxonomy list in WordPress
  22. Randomly Assign an Image’s Alt Text Based on Data From Post
  23. Adding custom directory and PHP files in wordpress
  24. Ajax – Call to undefined function get_option()
  25. How to get original custom taxonomy slug after the slug has been rewritten?
  26. Integrating PHP into Javascript to display map markers with Google API – problem with wp_localize
  27. Save Search System
  28. dynamic dependent select dropdown
  29. Ajax load more button for comments wordpress
  30. How to pre populate a form field with a link of a current user’s author profile?
  31. parts of url disappear when using # inside href=”” [closed]
  32. How to pass Select value from Javascript to PHP to generate select option on change
  33. need help with existing code showing subpages
  34. Custom field values to taxonomy terms
  35. How do I Import / Upload Files with jQuery AJAX?
  36. Noscript not working as it should in wordpress site
  37. PHP echo inside javascript
  38. How to add API security keys into JS of wordpress securely
  39. HTML escaping data with ajax requests
  40. load ajax using admin-ajax.php
  41. 2nd page displaying the exact same posts as my first page (minus the very first post)
  42. working with term_relationships table
  43. How to use wordpress function wp_enqueue_script() in php?
  44. Use get() method to grab all categories and output inside another method
  45. Get related product based on subcategory selected from category id with ID 142
  46. wp_nav_menu not working correctly in my underscores theme
  47. fetch woocommerce product with custom taxonomy
  48. url_to_postid returns 0
  49. How do i add slugs to a URL, but still redirecting to the same page
  50. Link to page with posts of specific type
  51. implementing a jQuery “click to expand” link in WordPress [closed]
  52. random reason on refresh
  53. Change Query Arguments (filter) with jQuery/Ajax or PHP?
  54. Load Javascript for a widget WordPress
  55. Some problems in custom widget
  56. Call a function in functions.php from within tags (JS)
  57. Woocommerce Custom Meta Boxes- How to only display if they actually have content
  58. Create a Dropdown Selector and Redirect for a Custom Taxonomy in WordPress?
  59. Hook on file upload
  60. Using Ajax to submit a form, and run a SQL Select query based on user input from the form
  61. Tracking Visitor LatLng with WordPress using JS, PHP. How to put data which was extract using JS into DB
  62. WordPress Search Ajax + Isotope + InfiniteScroll
  63. WordPress User Meta value variable into Google Gauge Chart
  64. Show related products by attribute based and certain conditions
  65. duplicate posts with ajax load more wordpress
  66. How to populate a Gutenberg select field SelectControl with option value from PHP array
  67. How to retrieve taxonomy Metabox fields in frontend
  68. How to call my PHP function with AJAX ? wp_query
  69. Fetch Data from an external MSSQL Database in a Managed WP hosting
  70. Create a WordPress Contact Form to call a POST AWS API Gateway and send user data
  71. Admin-ajax.php 404 error
  72. How to pass values from one function to the other using an array variable
  73. separate list of programs in html/javascript coming from php
  74. Conditional Banners
  75. Update $wpdb query with AJAX
  76. $.ajax results in 403 forbidden
  77. Using Sprit-sheet on WordPress categories
  78. admin-ajax.php 400 bad request – whats wrong with my code?
  79. WordPress load javascript file if something… (after the page is loaded)
  80. Target a specific container to style on WordPress storefront theme
  81. ACF + WP + Slick Slider Repeater Slide Group PHP not Displaying [closed]
  82. Default Image not showing up in Customizer for WP_Customize_Cropped_Image_Control
  83. How to create a radio button to alt between settings in wp_options table
  84. customizer live preview layout picker
  85. Why I’m Not Having Access to “$_POST” Data Outside My AJAX Callback?
  86. I need help implement a Javascript code into the PHP file
  87. Admin bar nodes
  88. How can I correctly POST to a WordPress page?
  89. if is_home(), change class of menu-item-225 of wp_nav_menu
  90. Load php function with AJAX on modal window
  91. JSON Object Value Show Undefine
  92. Require Credits Footer
  93. Adding jquery using php function
  94. How to hide .js files on wordpress website using php or wp plugins or any? [closed]
  95. Display terms on product page with shotrcode
  96. WordPress different custom tag being displayed in on tag list
  97. Get category name of current post (CPT UI)
  98. Three different queries on same page
  99. I want to show image from custom field image on my custom page template
  100. Facing Problem While Running WordPress Hook For Archive, Categories, Author, Date Pages Only

Leave a Comment