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)

Working with Templates

In the previous chapter, we learned how to define the page structure by using the Layout XML system. Just like riding a bike, it will take practice to fully utilize the power of this AC feature. I do recommend finishing all the practical exercises from Chapter 4 before you proceed further, as we will require this knowledge in this chapter and in the following chapters.

In this chapter, you will learn how to provide the HTML content for page elements and gain a final understanding of the page rendering process, the server-side part (as the Layout XML is just half of it), and templates (which make up the other half).

My focus will be on explaining the following topics:

  • What are the templates, and how many template types are there?
  • How do templates render child templates?
  • Where can we find template files, and how to look for them?
  • How are templates related to blocks?
  • How do you find the correct template being used in a specified element...