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)

Practical exercises

  1. Create a new email template in the Admin Panel for customer registration. Assign it in system configurations to be used instead of the default email.
  2. In the same email template that you just created, add a new section in the email footer showing store opening hours (also defined in the Admin Panel)
  3. Change the email header template in your theme and add social links to Facebook, YouTube, and LinkedIn in the top-right section of the email. Make sure the header is visible in all emails that are sent out from the system by using the Yireo_EmailTester module.
  4. Change the email footer template and add all store information in the page footer—opening hours, store name, and main contact information.
  5. Change the font used in all the emails to any of the Google fonts.
  6. Create a custom variable in the Admin Panel and display it in a password reset email in your theme.
  7. For configurable products, in the order confirmation email, change the way...