Book Image

Magento 2 Theme Design - Second Edition

By : Richard Carter
Book Image

Magento 2 Theme Design - Second Edition

By: Richard Carter

Overview of this book

Magento is the e-commerce software and platform trusted by the world’s leading brands. Using Magento’s powerful theming engine, you can control the look, content, and functionality, and easily launch a flexible e-commerce website. However, because of its powerful features, developing Magento themes is easier said than done. This book aims to leverage the enhancements to theme designing in Magento 2 to the fullest. It will show you how to gear up the performance of your e-commerce website. We begin by introducing Magento 2 and its features along with implementing a local development Magento environment. We then move on to discuss the concepts of the Magento theme structure such as templates, inheritance, customization, and override. Further on, we explore the Magento UI Library, which is a new feature available in Magento 2.0. We will create a new Magento 2.0 theme named MyCake Store using Magento Bootstrap from Maven E-commerce and also create print strategies for the Magento 2.0 theme. We will also create and customize a new theme proposal for the Magento admin panel. At the end, we will integrate Magento 2.0 to Twitter and integrate it with social bookmarking and finally deploy our new Magento 2.0 theme.
Table of Contents (18 chapters)
Magento 2 Theme Design - Second Edition
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface

The Magento page layout


As seen in Chapter 2 , Exploring Magento Themes, Magento 2 was written using the MVC architecture. The adoption of this pattern is shown to be very effective because of the complexity of the Magento system and it also provides greater understanding of the development necessary to extend the native functionalities represented by modules, customizations, and themes.

In the View layer, specifically, there is the predominant application layout schemes. The layout is nothing more than a page structure that can be represented by a hierarchy of elements that can be represented both as blocks and as containers.

All layout blocks or pages that enable the rendering of the HTML page, are named as layout handles. The layout handles are used to define the nomenclature of the files and are divided into three types:

  • Page type layout handles: Corresponds to the controller name and actions in its totality. For example, customer_view.

  • Page layout handles: These are used as a specific...