Recent Posts


Magento 2: Knockout.js Template Primer


Frustrated by Magento? Then you’ll love Commerce Bug, the must have debugging extension for anyone using Magento. Whether you’re just starting out or you’re a seasoned pro, Commerce Bug will save you and your team hours everyday. Grab a copy and start working with Magento instead of against it.

Updated for Magento 2! No Frills Magento Layout is the only Magento front end book you'll ever need. Get your copy today!

As the year wraps up we’ve got another quickies meta-post for you. We first covered Magento’s Knockout.js templates in our KnockoutJS Integration article. At the time, we glossed over the fact that these template are actually an extension of the standard Knockout.js templates. Magento’s core team have added a number of custom nodes and attributes to these templates that wrap standard Knockout.js data-bind attributes and tag-less bindings.

While we still don’t have a from scratch tutorial on this new system (there’s too many differences in the Magento 2.0.x and 2.1.x branches to make this a straight forward article), I’ve written a number of quickies posts on the subject that serve as an quick-start/cramming primer on these templates. The UI Component series didn’t feel complete without this, so here they are.

  1. Magento’s KnockoutJS Templates aren’t KnockoutJS Templates

  2. Design Problems with Magento’s Knockout.js Template Extensions

  3. More Remote Knockout.js Custom Tags and Attributes

Series Navigation<< Magento 2: Remaining uiElement DefaultsMagento 2 UI Component Code Generation >>

Copyright © Alana Storm 1975 – 2023 All Rights Reserved

Originally Posted: 30th December 2016

email hidden; JavaScript is required