Hooks JScms
Hook: on_template_header_css
Señor FAQ
¡Hola, amigos! I’m Señor FAQ, the mustached maestro of questions and answers! With my trusty glasses and a book of endless wisdom, I turn dudas into solutions. Soy el héroe de los curiosos and the champion of clarity.
Hook: on_template_header_css
The on_template_header_css hook allows developers to inject CSS into the header of the template.
This is useful for adding custom stylesheets or inline CSS required by plugins or customizations.
Usage
$headerCSS = DynamicHooks::executeHook('on_template_header_css', true);
if (!empty($headerCSS)) {
echo implode("\n", $headerCSS);
}
This hook aggregates all registered CSS callbacks and outputs them in the template's header section.
Example Implementation
DynamicHooks::addHook('on_template_header_css', function () {
return ['your_css_file','another_css_file'];
}, 'custom_plugin');
Best Practices
- Ensure CSS added through this hook is essential to reduce page load times.
- Use proper media queries or scoped styles to avoid conflicts with global styles.
Troubleshooting
- Verify the stylesheet is accessible and correctly linked.
- Ensure no syntax errors exist in the registered callback function.