Create a test Module #324

ppeyman · 2024-09-04T10:04:46Z

ppeyman
Sep 4, 2024

i Have to Create a Test Module just print a value in console and i created module with the [Breeze Component registration](Component registration) method but i don't know where am i doing made mistake Please help me :

etc file:

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="Test_TestBreeze" setup_version="1.0.0" />
</config>

view/frontend/layout/breeze_default.xml :

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <referenceBlock name="breeze.js">
                <arguments>
                    <argument name="bundles" xsi:type="array">
                        <item name="default" xsi:type="array">
                            <item name="items" xsi:type="array">
                                <!-- Vendor_Module/js/component is a component name used in DOM structure -->
                                <item name="Test_TestBreeze/js/breeze/my-custom-file" xsi:type="array">
                                    <!-- Path to the js file with component declaration -->
                                    <item name="path" xsi:type="string">Test_TestBreeze/js/breeze/my-custom-file</item>
                                    <item name="load" xsi:type="array">
                                        <item name="onInteraction" xsi:type="boolean">true</item>
                                    </item>
                                </item>
                            </item>
                        </item>
                    </argument>
                </arguments>
            </referenceBlock>
        </referenceContainer>
    </body>
</page>

view/frontend/web/js/breeze/my-custom-file.js :

(function () {
    'use strict';

    $(document).on('breeze:load', function () {
        console.log('Hello');
    });
})();

registration.php

<?php
Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::MODULE,
    'Test_TestBreeze',
    __DIR__
);

etc/module.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="Test_TestBreeze" setup_version="1.0.0" />
</config>

vovayatsyuk · 2024-09-04T12:39:51Z

vovayatsyuk
Sep 4, 2024
Maintainer

You can use bin/magento breeze:module:create command to create a module.
If you want to include the script on all pages, you need to add autoload property: <item name="autoload" xsi:type="boolean">true</item>. Otherwise, the script is added only if used by x-magento-init statements. More info: https://breezefront.com/docs/scripts#module-entry-points

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Breeze Frontend

Create a test Module #324

{{title}}

Replies: 1 comment

{{title}}

Select a reply

Breeze Frontend

Create a test Module #324

ppeyman Sep 4, 2024

Replies: 1 comment

vovayatsyuk Sep 4, 2024 Maintainer

ppeyman
Sep 4, 2024

vovayatsyuk
Sep 4, 2024
Maintainer