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)

Creating and working with CMS blocks

In Chapter 4, we already met Blocks when learning about Layout XML. Just to remind you: a Block is just an element of the page that renders content. By using page instructions, we can place it anywhere on the page. New Blocks can be added via the Admin Panel without the need to code them. They are called CMS Blocks, also referred to as static Blocks or content Blocks. I’ll be using CMS blocks and static Blocks only, as I think those are the most relevant to the role they represent.

Let’s learn a few things about them. Please login to the Admin Panel and follow along.

Adding new Blocks

Once you are in the Admin Panel, you can find Blocks under the CONTENT menu:

Figure 13.1 – CMS blocks in the system menu

Figure 13.1 – CMS blocks in the system menu

I assume you have installed sample data when preparing your environment. If not, that is not a problem, but your CMS block list will be empty. To add a new Block, you have to click the Add...