[Resolved] Having links to filter the output

[Author]

Posts

[paulv-10]

We have set up a list of works of a composer.

Now we want to add a filter so that visitors of the website can filter the list theirselves, just like Amir did in his tutorial https://toolset.com/documentation/user-guides/views/filtering-posts-by-user-selected-taxonomy/

However, with the latest version of Toolset I get the message that it is not possible to add a nested view.

What I would like to achieve is visitors can use links (or buttons) to filter the list of works at the top of a page.

This is the page where I would to add the filter: hidden link

[Minesh]

Hello. Thank you for contacting the Toolset support.

The thing is that you can build nested views using the Classic views only. Nested views are not supported when you build views in block mode.

[paulv-10]

Hi Minesh,

Sorry for the late response.

Do you have any other suggestions to create a taxonomy row that could be used to filter the results of the search (see attachment).

So, when one hits the menu link Works, the page as in attachment is displayed. Using the links in the top row, the visitor can filter all - for example - dramatic work.

Hopefully, you can point me in the right direction...

Regards,
Paul

[Minesh]

Do you mean you want to add a drop-down select box that should offer you taxonomy terms as options and when you select one of the option it should filter the view based on the selected taxonomy term?

[paulv-10]

Hi Minesh,

No, not a drop-down select box, but a row with the taxonomy terms. Each link should link to a filtered view.

So the term in the example are suppose to be the taxonomy terms.

Regards,
Paul

[Minesh]

Got it. Yes, its possible but you might have to use the Classic views in this case.

If you can share admin access details I will try to setup a demo for you.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Please check now: hidden link

I've created the following taxonomy view:
=> hidden link

As you can see with the loop output I've format the loop output as given under:

<ul class="taxfilter">
		<wpv-loop>
          <li>  <a href="?page_id=223920&wpvtypeofwork=[wpv-taxonomy-slug]"> [wpv-taxonomy-title] </a> | &nbsp;   </li>   
		</wpv-loop>
</ul>

To your view's content selection tab I've added the taxonomy query filter as you can see with the following screenshot:
- hidden link
Screenshot => hidden link

And I've added the taxonomy view at top of your original view as you can see with the following screenshot:
=> hidden link

Now, as you can see all taxonomy term links are displayed at top of the page and when you click on it, it will filter the view based on the selected term.
- hidden link

[paulv-10]

Hi Minesh,

That looks very good!! I'm trying to what and how you managed to this. I have not found the clue yet, so hopefully you will explain me what you did.

One of the things I was trying to do, is removing the block where those 2 items are shown.

Anyway, thank you very much for your effort so far.

Looking forward to hear from you.

Best regards,
Paul

[Jamal]

Hello Paul, Minesh is not available for a couple of days. If you don't mind, I'll continue with you on this ticket.

From what I gathered so far, Minesh has created a "taxonomy view" to generate the list of terms with URLs. This "taxonomy view" is created using the legacy editor. The URLs are used in the "posts view"(built inside the page with the blocks editor) to return only the posts with the selected term(in the URL). The "posts view" has also a text search filter.

Minesh has added to taxonomy view to the page, before the posts view, with this shortcode:

[wpv-view name="list-all-terms-as-filter"]

The block with the two items was inserted using a block, that I did not recognize. It seems to be a menu block, but I am not familiar with it. This screenshot may explain better hidden link

However, since then, the page has been converted from using the Blocks editor, to using the classic editor. So, I can't really tell how to remove that block, without asking what editor you want to use for this page? The blocks editor, The Divi editor?