These posts cover a wide range of JS topics in Magento 2, from vanilla JS to advanced uses of Knockout templates to jQuery Widgets. The goal here is to provide real world solutions to common Magento 2 tasks using the correct built in Javascript systems.
For a long time I have been using a little Javascript on Magento 2 sites to open up the Minicart when a customer clicks the “Add to Cart” button. But a few days back i took a second look at this little piece of Javascript and realized there was a better way to do this. …
Continue reading “A great use for Require JS Mixins – The catalog “Add to Cart” trick”
PWA Studio is the official Magento Inc. project to bring full PWA functionality to the Magento e-commerce platform. That is a bit of a mouthful but boiled down it means that the Magento 2 front end is going 100% headless and using React JS as its presentation application. If all or any of that was …
In the last section we talk about the Network tab of the browser. In this post we are going to dig into how to control the way files are output to the browser from Magento. This is going place you in the drive seat of this massive application. Get your crash helmet!!! The Require JS …
Continue reading “Debugging Javascript and Require JS – Part 2”
In the last post we walked through the process of setting up a jQuery slider on a page. To keep the post concise, I passed over some details that I want to flesh out here. The first is a look into what the browser “sees” when we are using Require JS. In the first blog …
Continue reading “Debugging Javascript and Require JS – Part 1”
This is the second in my series of JavaScript in Magento 2. To follow along, I have created a GitHub repo with the starter theme on the master branch and a branch for each article at their finished point. This post will include content for the theme and for cms content. To follow along, checkout …
Continue reading “Adding a jQuery Slider to a Magento 2 Site”
JavaScript is hard. No other way to say it. And the implementation of JavaScript in Magento 2 is even more challenging. Even for seasoned Magento 1 developer or seasoned front end developer, the way Magento has integrated JavaScript into the application has many twists and turns that can stop you dead in your development tracks. …
