...
| Code Block |
|---|
import 'components/tooltip'; |
JsMageInit
If you want to initialize some JS without creating or editing template, you can add MageSuite\ThemeHelpers\Block\JsMageInit block. It allows you to specify selector, component and js configuration (static). Example:
| Code Block |
|---|
|
<block name="example_block" class="MageSuite\ThemeHelpers\Block\JsMageInit">
<arguments>
<argument name="selector" xsi:type="string">#component_selector</argument>
<argument name="component" xsi:type="string">collapsible</argument>
<argument name="js_config" xsi:type="array">
<item name="content" xsi:type="string">ul.accordion</item>
<item name="header" xsi:type="string">.block-title</item>
<item name="mediaQueryScope" xsi:type="string">(max-width: 767px)</item>
</argument>
</arguments>
</block> |
Above initialization will render standard Magento text/x-magento-init script:
| Code Block |
|---|
|
<script type="text/x-magento-init">
{
".sidebar\u0020.block\u002Dcategories": {
"collapsible": {
"content": "ul.accordion",
"header": ".block-title",
"mediaQueryScope": "(max-width: 767px)"
}
}
}
</script> |
| Info |
|---|
Only component property is required. If you do not specify it, nothing will be rendered.
If you do not specify any selector, "*" will be used.
If you do not specify any js_config, "{}" will be used. |