How to load third-party extension's JS file?

[help-meetanshi]

Hi,

In the Breeze theme, when we set "Enable Breeze Experience" as "Use theme settings" or "Yes", our Magento 2 Mobile Login extension's JS file is not loading.

https://d.pr/vLXuwi

If our Magento 2 Mobile Login extension's JS file doesn't load, then our extension cannot work.

Will you please guide us to overcome this situation?

[vovayatsyuk]

You need to integrate your js with Breeze.

I recommend reading our docs: https://breezefront.com/components

Then, check how we integrate our own modules:

Easytabs

• Layout update: https://github.com/swissup/module-easytabs/blob/master/view/frontend/layout/breeze_default.xml
• JS: https://github.com/swissup/module-easytabs/blob/master/view/frontend/web/js/breeze/tabs.js
• CSS: https://github.com/swissup/module-easytabs/blob/master/view/frontend/web/css/breeze/_default.less

Testimonials

• Layout: https://github.com/swissup/module-testimonials/blob/master/view/frontend/layout/breeze_default.xml
• JS: https://github.com/swissup/module-testimonials/blob/master/view/frontend/web/js/breeze/testimonials.js

[help-meetanshi]

Hi,
Now we can use the $.breeze.url.build() code.
Thanks for your help.

Currently, we are getting the following errors while using some other JS files of default Magento.

1. Code: https://d.pr/DEARz5
   Error: https://drops.meetanshi.com/R8efAj

2. Code: https://d.pr/j4TVvT
   Error: https://drops.meetanshi.com/Vyaleh

Please help to fix the above issues as well.

Can you also let us know how to add our extension's custom CSS file?

[vovayatsyuk]

1. You have to write all of this logic. We do not have replacements for checkout files.
2. You are calling modal without initialization. In breeze you have to initialize it first.

Css: See the docs.

[help-meetanshi]

Hi,
Now we can load our CSS and JS files.
Thanks for your help.

Please check the following screenshot where you can find the JS files loaded from the Meetanshi_Mobilelogin extension.
https://drops.meetanshi.com/i/RqYuor

But those JS files are not loading on the checkout page.
Please check the following screenshot.
https://drops.meetanshi.com/i/gpvLQw

Do you know reason of it?

Currently, we are loading the JS files with the following file.
https://drops.meetanshi.com/f/OqHpMv

Do we need to write any other code to load JS on the checkout page?

[help-meetanshi]

Any update for us?

[vovayatsyuk]

Yes, since breeze js is disabled at checkout page you need to write standard “luma” code to include your js files.