Book Image

Mastering Adobe Commerce Frontend

By : Jakub Winkler
Book Image

Mastering Adobe Commerce Frontend

By: Jakub Winkler

Overview of this book

Navigating the frontend realm of the Adobe Commerce platform can often feel like a labyrinth, given its multifaceted systems and intricate layering. This book demystifies Adobe Commerce frontend development, guiding you through its paths with clarity and precision. You'll learn how to set up your local environment, paving the way for a smooth development experience and navigate the platform's theming ecosystem, exploring layout XML systems and the power of templates. As you progress through the book, you'll leverage an array of JavaScript libraries and frameworks that Adobe Commerce boasts of, with special emphasis on RequireJS, jQuery, Knockout.JS, and UI Components. Additionally, you'll gain an understanding of the intricacies of Adobe Commerce CMS, explore frontend-related configurations in the admin panel, and unlock the secrets of frontend optimization. Practical exercises provided in the book will enable you to create top-notch Adobe Commerce sites that are functional, optimized, user-centric, and a step ahead in the ever-evolving frontend landscape.
Table of Contents (18 chapters)

What are templates, and how many templates are there?

It is not good to provide one unified definition of templates in one sentence because there are two types of templates used in the AC framework:

  • Templates that are assigned to blocks via Layout XML (or, sometimes, via PHP code)
  • Templates that are assigned via knockout.js

In this chapter, we will only cover the first one, and, as I mentioned in Chapter 4, we can compare them to the interior design of a building.

If I were to provide you with an exact definition of a template from the AC platform, I would summarize it like this: A template is a regular text file containing HTML code and directives (“loops” and “if” statements) specified to render HTML content. Templates should not contain any business logic except for rules that render and define “if” and “loops” statements. Templates control the visual layer of your AC site.

The AC framework uses PHTML...