Book Image

Magento 2 Development Essentials

By : Fernando J Miguel
Book Image

Magento 2 Development Essentials

By: Fernando J Miguel

Overview of this book

Magento is the e-commerce software and platform trusted by the world's leading brands. Used by thousands of merchants for their transactions worth billions, it provides the flexibility to customize the content and functionality of your website. By strengthening your fundamentals in Magento development, you can develop the best solutions and take advantage of the growing market. This fast-paced tutorial will provide you with skills you need to successfully create themes, extensions, and solutions to Magento 2 projects. This book begins by setting up Magento 2 before gradually moving onto setting the basic options of the Sell System. You will take advantage of Search Engine Optimization aspects, create design and customize theme layout, develop new extensions, and adjust the Magento System to achieve great performance. By sequentially working through the steps in each chapter, you will quickly explore all the features of Magento 2 to create a great solution. With ample examples and a practical approach, this book will ensure your success with this astonishing e-commerce management system.
Table of Contents (16 chapters)
Magento 2 Development Essentials
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

The Magento Luma theme


The Magento CE 2.0 version comes with a new theme named Luma that implements Responsive Web Design (RWD) practices.

The Luma theme style is based on the Magento user interface (UI) library and uses CSS3 media queries to work with screen width, adapting the layout according to device access.

The Magento UI is a great toolbox for theme development in Magento 2.0 and provides the following components to customize and reuse user interface elements:

  • The actions toolbar

  • Breadcrumbs

  • Buttons

  • Drop-down menus

  • Forms

  • Icons

  • Layout

  • Loaders

  • Messages

  • Pagination

  • Popups

  • Ratings

  • Sections

  • Tabs and accordions

  • Tables

  • Tooltips

  • Typography

  • A list of theme variables

The Luma theme uses some of the blank theme features to be functional. The Magento 2.0 blank theme, available in the vendor/magento/theme-frontend-blank folder, is the basic Magento theme and is declared as the parent theme of Luma. How is this possible? Logically, Magento has distinct folders for every theme, but Magento is too smart to reuse code...