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)

Exploring the Design configuration section

Let us start with some of the settings that are reflected on all the pages, the Design part. We previously entered that section when we wanted our custom theme to be enabled on the frontend. To access the Configuration section, you need to be logged into the Admin Panel, and then head to CONTENT | Design | Configuration:

Figure 12.1 – The location of the Design | Configuration section

Figure 12.1 – The location of the Design | Configuration section

You can also see Themes and Schedule in the menu; I’ll explain them at the end of this section. Once you open this link, you will be presented with a grid that displays all the websites, stores, and store views:

Figure 12.2 – The design configuration scopes

Figure 12.2 – The design configuration scopes

Yes, that is an XML-based UI component, and in the right column, you can see the View/Edit button in the Action column.

It is important to remind you what a configuration scope is and what the table in Figure 12.2 actually...