Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Mastering Adobe Commerce Frontend
  • Table Of Contents Toc
  • Feedback & Rating feedback
Mastering Adobe Commerce Frontend

Mastering Adobe Commerce Frontend

By : Winkler
4.9 (10)
close
close
Mastering Adobe Commerce Frontend

Mastering Adobe Commerce Frontend

4.9 (10)
By: 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)
close
close

Practical exercises

  • Create a third theme in the app/design folder which uses packt2 as its parent theme, packt3.
  • Set the default store view theme to packt1.
  • Create two store views in the admin panel and make the following changes in the admin interface:
    • Finland:
      1. Set the theme for this store to packt2
      2. Set the language for the theme to Finnish
        • Greece
      3. Set the theme for this store to be packt3
      4. Set the language of the theme to Greek

    You should see a new element on your page in the top-right corner. It is called a store-switcher.

  • Add proper configuration in the themes.js file for Grunt compilation for all themes and all locales.
  • For the Greece store, overwrite the variable.less file (locate the file yourself) in the packt3 theme and change the page design to a dark background and white fonts.
  • For the Finnish store, using Layout XML, template files, and LESS customization, make changes to the customer registration page to make it look like this:
Figure 6.5 – New registration form
...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY