Anyway, I get all the categories and topics using this route: /api/categories
I think there is details on all topics also.
Style topics differently by category
-
Hi there,
Is there any way to style topics differently based on the category they belong to? The current page name is appended to the <body> tag as a class, but I can't find a way for the CSS to know anything about a topic's parent category.
I can solve the issue with a javscript hack by reading the category name from the breadcrumbs, but this seems ... terrible.
Is there a less terrible way to expose category information to the topic template?
-
You can do it with a plugin, listen for the hook
filter:middleware.renderand add the class you want to thebodyClassstring if the user is on a topic page. Here is some code to get you going.// this goes in your plugin myPlugin.onPageRender = function (hookData, callback) { // this checks if we are on the topic page if (hookData.templateData.template.topic) { // add the class `category-<cid>` to bodyClass hookData.templateData.bodyClass += ' category-' + hookData.templateData.category.cid; } callback(null, hookData); };Hope that helps.
-
fantastic! my codebase is much happier now
