Hi there. I’m trying to create a portfolio page with grids and button filters on this page https://roxanncreates.com/projects/.
I’m trying to display the term name but it’s not working. I also need help with creating filters.
Hi there. I’m trying to create a portfolio page with grids and button filters on this page https://roxanncreates.com/projects/.
I’m trying to display the term name but it’s not working. I also need help with creating filters.
Hello Roxann,
Thanks for writing in! I would highly suggest that you check out this video tutorials first for the sort/filter feature that you need:
https://www.youtube.com/watch?v=611IwxrOz8E
By the way, if you want to display the Current Term name of the post item, you will have to use the Terms element and modify the Looper Provider All Terms
to Looper Provider Current Terms
. For your reference, you can check out this old thread:
Best Regards.
Hi there,
I’m still not getting it though. I don’t need to display the term name anymore but I still need to be able to sort by type. Could you help me?
Hi Roxann,
If you don’t want to show the terms, what are you trying to sort by the term name? Can you please explain it a bit more for further assistance?
Thanks
Hello Roxann,
The video I gave in my previous response explains how you can use URL parameter and modify your Looper Provider that will act as your sort/filter button.
https://www.youtube.com/watch?v=611IwxrOz8E
Be advised that for this to work the page has to reload. We do not have a feature that works without page refresh. If you use the Portfolio custom pos type, you may have something like this:
Best Regards.
I got it the {{dc:term:name}} working now, thanks!
I still need to be able to sort them by category. I don’t quite understand the youtube video. Will you be able to tell me the parameters I would use for the buttons?
I’m using a custom taxonomy “project-category” for pages with these categories: Branding, Graphic Design, Web Design, Web Development, and UX/UI.
Hello Roxann,
The video makes use of the Looper Provider Query String along with the URL parameters. I have checked your Projects page and it seems you have set up Tabs and various Loopers in each tab to make it work.
Best Regards.
I created a draft page under the name “Project”. Here’s how I did it:
[section]
[row 01]
all button (?project-category=branding, graphic-design, ux-ui, web-design, web-development)
graphic design button (?project-category=graphic-design)
[/row 01]
[row 02]
query-string (post_type=page&orderby=title&order=ASC&project-category=branding, graphic-design, ux-ui, web-design, web-development)
[/row 02]
[/section]
The query string works in row 02 but when I tried to add the query into buttons in row 01, it directs me to a new page. Is there a way that it just sorts it in the page?
Hey Roxann,
Following the video tutorial, please check out the demo page I have created.
Thanks.
Hi Rue! This works great, thanks! And thank you for your patience
You are most welcome Roxann.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.