[Resolved] Taxonomy hierarchy

[Author]

Posts

[AlexanderN4266]

Hi, I am working on taxonomies and added some child taxonomies to parent taxonomies. Unfortunately, when displayed front-end child taxonomies are displayed in the same line as parent taxonomies, causing a complete clutter. It is not user-friendly for the customer at all. Is there a way to somehow distinguish child taxonomie from parent taxonomies for the user on front-end?

Or maybe there is a possibility to not create child taxonomies assigned to parents but instead create all taxonomies as parents but allowing the conditional logic to keep all the rest taxonomies (except the main one) hidden until the user selects to filter the items and then - based on the checkbox selected - show him conditionally the next taxonomy that he can filter deeper along the line.

Any of both ways are perfectly fine with me, or any other solution would be too.

hidden link

[Minesh]

Hello. Thank you for contacting the Toolset support.

As I understand, you want to display taxonomy filter with parent and child terms as checkboxes as per the parent/child hierarchy.

If this is true (considering you are using the classic view to build the view) - you can add the output="legacy" attribute to your taxonomy filter shortcode to display it in the hierarchy.

For example:

[wpml-string context="wpv-views"]Student Types[/wpml-string]
[wpv-control-post-taxonomy taxonomy="student-type" type="checkboxes" output="legacy" url_param="wpv-student-type"]

[AlexanderN4266]

Hi, thanks.
It really put taxonomies in position to abide the parent/child relationship within them, but unfortunately it additionally added bullets (just like in an unordered html list) just in front of all checkboxes. How can I delete them.
hidden link

[Minesh]

You can add the following custom CSS to your view's "Search and Pagination" sections CSS box:

ul {
list-style:none;
}

[AlexanderN4266]

Thanks,
It deleted the markup.
Unfortunately, initially output="legacy" created markup and dragged the checkboxes to the right. Now when markup is gone, there is whitespace left on the left in their space. Could you kindly advise how to return all taxonomies back to the left removing the whitespace.

[AlexanderN4266]

My issue is resolved now. Thank you!

[Minesh]

You should clear the left margin.

Please use the following CSS and remove the old one I shred in previous reply and add it to the same "Search and Pagination" sections CSS box:

ul {
list-style:none;
margin-left: 0px;
}