You're reading from Mastering Adobe Commerce Frontend Build optimized, user-centric e-commerce sites with tailored theme design and enhanced interactivity

Product type Paperback

Published in Mar 2024

Publisher Packt

ISBN-13 9781837637072

Length 402 pages

Edition 1st Edition

Languages

JavaScript

Tools

Adobe Commerce

Concepts

CMS

Author (1):

Jakub Winkler

View More author details

Table of Contents (18) Chapters

Preface

1. Chapter 1: Setting Up the Local Environment FREE CHAPTER

2. Chapter 2: Installing the Magento/Adobe Commerce Application

3. Chapter 3: Introduction to Adobe Commerce Theming

4. Chapter 4: The Layout System

5. Chapter 5: Working with Templates

6. Chapter 6: Styling an Adobe Commerce Theme

7. Chapter 7: Customizing Emails

8. Chapter 8: Introduction to JavaScript Libraries and Frameworks

9. Chapter 9: RequireJS and jQuery

10. Chapter 10: Knockout.js and UI Components

11. Chapter 11: Commonly Used Libraries Bundled with Adobe Commerce

12. Chapter 12: Storefront-Related Configuration in the Admin Panel

13. Chapter 13: Working with Magento CMS

14. Chapter 14: Frontend Optimization Techniques

15. Chapter 15: Common Tools that Help with Local Development

16. Index

Why subscribe?

17. Other Books You May Enjoy

The Layout System

It’s time to get serious! In the earlier chapters, we prepared our local dockerized environment and installed Adobe Commerce (AC). We launched some CLI commands, and you learned a lot about the framework itself so that you can start customizing the platform and creating bespoke frontends for your trusted customers.

In this chapter, we will explore the Magento 2 layout system in detail. I will show you the basic concepts behind it (in short, layout eXtensible Markup Language (XML)), including its structure and the role of the layout files. We will examine the various types of blocks and containers that make up the layout system, and how they can be used to build custom pages. However, we will dig into templates a little bit more in Chapter 5, once we proceed to template systems.

A lot of developers say that the layout XML is the best thing in the entire Magento framework since Magento 1. In Magento 2, it has become even more advanced and allows us to do...