Breeze Magento 2 frontend integration is easy. See how it's done in practice.

Breeze Magento 2 frontend integration is easy. See how it’s done in practice.

We want to improve our services to you. For those who choose not to be limited by the default Magento 2 theme, but to use a faster and supreme frontend, we prepared tips to start with integration.

What's a front we talk about? As you may see in the title, this is the Breeze front end for Magento 2. Many users already united their websites with Breeze to get closer to the best performance. Still, the reminder what is Breeze and how it’s working.

We invite everyone for Breeze collaboration. Integrating your theme or extension with our revolutionary solution will give you more flexibility in how you interact with your customers and rank up highly on Google. Here we suggest you get involved with Breeze Magento 2 themes quickly and easily.

Breeze repositories are public

First of all you have to know that we are opening repositories for public submissions. You can find them at https://github.com/breezefront/. Once your products go well with Breeze, you can share your integration project by adding a link to the Breeze page or even add integration to our repository.

Integration to Breeze is as easy as possible

When it comes to third-party modules, Breeze is highly compatible with blank/luma modules out of the box since we use the same page structure, blocks, layout updates, and templates for almost all of the pages. You only need to convert CSS styles, HTML templates, and javascript.

When writing a module for the Breeze front you may want to create layout updates, add your own styles to the Breeze-based theme or add custom styles to the email templates. Your actions will affect the Breeze-based theme only and will not change anything in Blank/Luma themes. Discover more details at https://breezefront.com/custom-module.

Here’s a real example of integration

Magento 2 blog extension by Magefan was easily integrated with Breeze frontend. This powerful module with more than 515 000 downloads is now available on our fast and accessible Breeze themes. You and your customers can benefit from creating interesting blog posts with perfect navigation through articles.

You can find the complete code of the Mage Fun Magento 2 blog at https://github.com/magefan/module-blog. In order to integrate this feature-rich extension with Breeze, please use a small module by our developers. You can find it here.

Entire integration is just required to create 7 files and it’s less than 10 KB in size. You can check the complete integration at Github and make sure that it’s easy.

Breeze integrations module

At https://github.com/breezefront/module-breeze-integrations  you can see our integration module that contains Breeze integrations with third-party modules. You can set the module for your software deployment.

The already available integrations are mentioned on the page.  There&rsquo's an ability to create a separate custom module with only one third-party module integration.

Brief instructions for integration

To avoid duplicating existing styles or javascript code just to make your module compatible with another frontend, look at some tricks.

To reuse styles from _module.less:

  • Add @import instruction into breeze/_default.less
  • Declare @critical variable in source/_module.less to prevent error in Luma theme
  • Wrap your styles into @critical guards
  • Add missing variables to breeze/_default.less. This step is optional

To reuse js widgets:

When your module has a simple widget for the Luma theme, you can slightly modify it to make it compatible with both Luma and Breeze. Click here to see compatible codes.

Join the Breeze world of opportunities

We tell you that, in fact, the Breeze front is a new world of opportunities for the Magento 2 community. Breeze themes have numerous benefits for online businesses. For the last year now Breeze has been chosen by many clients to build efficient and well-performed websites.See the examples of Breeze-powered stores at https://breezefront.com/showcase.

Besides fast lighter-weight pages, with our alternative JS frontend, you' ve got support for main Magento 2 pages and features, simplified structure, and an easy web development experience. Finally, you may see we offer a simplified process of integration.

Would you like to use the Breeze front as a ground to add new modules and features? If you are interested in integration, ask for integration here.

We invite developers to contribute to the Breeze. You might start by fixing minor things, or writing a piece of documentation. It’s essential to make adjustments to ensure the new modules in integration with the Breeze work well in a store. We are always open to new ideas. It would be nice if you contribute to the discussion and share suggestions.

Keep tracking our news about the Breeze front. We’ll be right back with updates soon.

Leave a Reply