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 Magento 2 Theme Design
  • Table Of Contents Toc
  • Feedback & Rating feedback
Magento 2 Theme Design

Magento 2 Theme Design

By : J Miguel, Richard Carter
2.7 (7)
close
close
Magento 2 Theme Design

Magento 2 Theme Design

2.7 (7)
By: J Miguel, 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 (13 chapters)
close
close

Default Magento 2 themes


By default, Magento 2 comes with two different themes:

  1. Luma: Created with the purpose to initiate the understanding of Magento 2's theme structure. It's highly recommended not to use this as your production theme.

  2. Blank: Provides the basic theme structure, used as a boilerplate to develop new themes in Magento 2.

You can easily preview the Luma theme on the Magento demonstration site at http://demo2.aheadworks.com , provided by aheadWorks Company (http://www.aheadworks.com).

Magento Luma theme

The Luma theme implements responsive web design (RWD) as a good practice to use in theme development, and inherits code and layout from the Blank theme. The Magento 2 Blank theme, found in the vendor/magento/theme-frontend-blank folder, is the basic Magento theme and is declared as the parent theme of Luma. How is it possible? Logically, Magento has distinct folders for every theme, but Magento is very smart and reuses code. Magento takes advantage of theme inheritance. You will...

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