Display/Hide custom fields in specified category/categories in article views

[David Pugh]

I can see how to set up the options so that custom fields are displayed in article views.



Our requirement is to display different custom fields for categories groups.

At the moment, I see a few options:

• Use different custom fields for each category. This can be cumbersome, if you want to use these fields in Advanced search with the need to display multiple slightly varying fields.
• Setup so that each custom field is displayed and then use <style></style> tags in the category description to hide unwanted customer fields ie. <style>dl.customShowcaseFieldiddblatin{display:none !important}</style>. This works, but the text within the style tags is displayed in the tooltip for the area whilst hovering over.
• 

Is there another way of achieving this?

 

[Bob]

Setup so that each custom field is displayed and then use <style></style> tags in the category description to hide unwanted customer fields ie. <style>dl.customShowcaseFieldiddblatin{display:none !important}</style>. This works, but the text within the style tags is displayed in the tooltip for the area whilst hovering over.

You should use Extra.css for this instead. That is what Extra.css is designed for.

You'll need to add a few more CSS selectors tho to fine tune it to make sure the results are only being hidden where you want them to instead of everywhere.

example... if you are using Article View layout, you'd want to do something like this:

.showcaseItem .showcaseItemFieldsArticleViewDesc .display_on_list .customShowcaseFieldtab2_field3 {display:none !important;}

Hope that makes sense.

 

[David Pugh]

Correct me if I am am wrong, but using extra.css will apply to all categories.

I am trying to be more specific and show fields on individual categories.

In other words:

On Category abc1 shows custom field abc
On Category abc2 hides custom field abc

 

[Bob]

You'll need to add a few more CSS selectors tho to fine tune it to make sure the results are only being hidden where you want them to instead of everywhere.

Each piece of content is in an li element that has several classes to include class item ID and Category ID. You can use the CATEGORY ID as a CSS selector via .showcaseCategory-[category_id] eg, .showcaseCategory-10

This would hide this field if the item was in Category ID 10. NOTE: when you are using multiple selectors in the same element, they need to be joined eg.. .showcaseItem and .showcaseCategory-10 are in the same li tab, so you need to JOIN them like this .showcaseItem.showcaseCategory-10

.showcaseItem.showcaseCategory-10 .showcaseItemFieldsArticleViewDesc .display_on_list .customShowcaseFieldtab2_field3 {display:none !important;}

 

[David Pugh]

Brilliant thank you! I hadn't not noticed that.

That will work fine.