[Resolved] Use taxonomy as css class in View Loop

[Author]

Posts

[rubenM-3]

Hi,
I'd like to use a custom taxonomy, created in Toolset, in a View Loop, so I can style each Custom Post using this taxonomy. Now it shows only general classes "wp-block-toolset-views-view-template-block wpv-block-loop-item php-to-be-replaced-with-shortcode".

Thank you!

[Christopher Amirian]

Hi there,

It is not possible with the Views block. You can enable the Legacy Views mode where you can use HTML code to add the loop content and there you can use the proper shortcode to add the class for your CSS styling.

To enable the legacy mode:

https://toolset.com/course-lesson/enabling-legacy-version-of-toolset-views/

Here is how to create a view loop:

https://toolset.com/documentation/legacy-features/views-plugin/front-page-filters/

You can use the Fields and Views button in the editor to add whatever custom field or taxonomy that you want. It will be added into the code as a shortcode and you can use that shortcode to add in the CLASS attribute of your HTML container.

Thanks.

[rubenM-3]

Hi Christopher,
thank you. I've created a View in legacy mode, and I can use taxonomy in class. Great. But formatting in legacy mode is a bit difficult. For example, can I create columns in Legacy Mode? And also I'd like to use Toolset Grid, but I don't know how to do it. And as I use Divi as theme, I can't use Bootstrap grid.

Thank you!

[Christopher Amirian]

Hi there,

The legacy views use Bootstrap for the formatting and grid and column. It gives a basic wizard that you can use, but for sure you will need to be familiar with Bootstrap for doing additional customization.

I suggest that you read the documentation below that will give you a starting point on how to create grids with legacy Views:

https://toolset.com/documentation/legacy-features/views-plugin/view-layouts-101/

Thank you.

[rubenM-3]

My issue is resolved now. Thank you!