Templates
Shared Template Folder
Last updated
Was this helpful?
Shared Template Folder
The templates folder contains HTML or PHP files that are injected into the page when any component from your pack is used. These templates typically load shared assets or add global scripts and styles.
Templates must be placed in one of four subfolders, each corresponding to a specific location in the HTML document:
headStart
Start of <head>
Core libraries that must load first, polyfills
headEnd
End of <head>
Styles, deferred scripts, additional libraries
bodyStart
Start of <body>
Early initialization, loading indicators
bodyEnd
End of <body>
Feature scripts, animations, scroll handlers
shared/
templates/
headStart/
setup.html
headEnd/
styles.html
directives.html
bodyEnd/
animations.htmlYou can have multiple template files in each folder. There is no restriction on file naming—all files in each folder will be included.
.html
HTML content, inline scripts, inline styles
.php
PHP code for server-side processing
Templates can contain inline code within <script> and <style> tags, as well as references to shared assets using {{assetPath}}.
Shared templates are included once per page per element pack, regardless of how many components from that pack are on the page. This ensures libraries and initialization code are not duplicated.
HTML, PHP, CSS, and JS files are supported in the Templates folder at the single Component level for component-specific templates.
Last updated
Was this helpful?
Was this helpful?