Magento 2 Theme Design - Second Edition

Create stunning and responsive Magento 2 themes for your business
Preview in Mapt

Magento 2 Theme Design - Second Edition

Fernando J Miguel, Richard Carter

Create stunning and responsive Magento 2 themes for your business

Quick links: > What will you learn?> Table of content

Mapt Subscription
FREE
$29.99/m after trial
eBook
$22.40
RRP $31.99
Save 29%
Print + eBook
$39.99
RRP $39.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$22.40
$39.99
$29.99 p/m after trial
RRP $31.99
RRP $39.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Magento 2 Theme Design - Second Edition Book Cover
Magento 2 Theme Design - Second Edition
$ 31.99
$ 22.40
Magento 2 - Build World-Class online stores Book Cover
Magento 2 - Build World-Class online stores
$ 63.99
$ 44.80
Buy 2 for $35.00
Save $60.98
Add to Cart

Book Details

ISBN 139781785888229
Paperback288 pages

Book Description

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

Chapter 1: Introduction to Magento 2
What is Magento?
Showcase of Magento themes
Challenges of Magento 2 theme design
Why create a custom Magento 2 theme?
Installing Magento 2
Summary
Chapter 2: Exploring Magento Themes
Magento terminology
What makes a Magento theme?
Default Magento 2 themes
Blocks and pages in Magento
Magento theme inheritance
Custom Variables
Good practices in Magento theming
Summary
Chapter 3: Magento 2 Theme Layout
Magento 2 and Model-View-Controller architecture
Magento 2 Command-Line Interface
Magento 2 theme files
Magento 2 cache system
Magento 2 layout system
Creating your first Magento 2 theme
Creating a theme logo
Applying the theme
Magento 2 theme debug
Summary
Chapter 4: Magento UI Library
Magento 2 UI
LESS and CSS preprocessing
LESS compilation in Magento 2
The Magento UI library
Testing the Magento UI library
Summary
Chapter 5: Creating a Responsive Magento 2 Theme
The BookStore theme project
Managing dependencies with Composer
Building the BookStore theme
Developing Magento 2 templates
Summary
Chapter 6: Magento 2 Styles Debugging
Increasing productivity by creating flow test styles
Debugging styles in Magento
Using the Grunt task runner to debug
Applying changes to Bookstore with Grunt
Summary
Chapter 7: Magento UI Components
The Magento UI components
UI listing/grid component
UI listing/grid secondary components
Form component
UI components control definition file
Magento sample module form
Summary
Chapter 8: Magento Layout Development
The Magento page layout
Layout instructions and types
Layout customizations
Customizing templates
Summary
Chapter 9: Magento 2 JavaScript
Magento 2 JavaScript structure
Initializing and locating JavaScript component
Magento jQuery widgets
Creating a jCarousel component for Promo module
Summary
Chapter 10: Social Media in Magento 2
Magento components
Development workflow
Developing the Sweet Tweet module
Summary
Chapter 11: Theme Development Best Practices
Why I should worry about it?
Best practices in Magento 2 development
Always use the Magento architecture
Strategies for customizing your themes
Seeking external resources to improve
Summary
Chapter 12: Magento Theme Distribution
The packaging process
Packaging your theme
Hosting your theme
Magento Marketplace
Summary

What You Will Learn

  •  Implement a local development Magento environment 
  • Understand the workings of the Magento theme structure
  • Edit an existing Magento theme to satisfy your business needs
  • Create print strategies for the Magento 2.0 theme
  • Generate specific blocks to improve the Magento 2.0 theme
  • Explore specific Magento programming Methods to improve the Magento 2.0 theme
  • Customize the Magento 2.0 admin panel to create a new Magento 2.0 admin theme
  • Build a Twitter module for Magento 2.0 and integrate Magento 2.0 with social bookmarking

Authors

Table of Contents

Chapter 1: Introduction to Magento 2
What is Magento?
Showcase of Magento themes
Challenges of Magento 2 theme design
Why create a custom Magento 2 theme?
Installing Magento 2
Summary
Chapter 2: Exploring Magento Themes
Magento terminology
What makes a Magento theme?
Default Magento 2 themes
Blocks and pages in Magento
Magento theme inheritance
Custom Variables
Good practices in Magento theming
Summary
Chapter 3: Magento 2 Theme Layout
Magento 2 and Model-View-Controller architecture
Magento 2 Command-Line Interface
Magento 2 theme files
Magento 2 cache system
Magento 2 layout system
Creating your first Magento 2 theme
Creating a theme logo
Applying the theme
Magento 2 theme debug
Summary
Chapter 4: Magento UI Library
Magento 2 UI
LESS and CSS preprocessing
LESS compilation in Magento 2
The Magento UI library
Testing the Magento UI library
Summary
Chapter 5: Creating a Responsive Magento 2 Theme
The BookStore theme project
Managing dependencies with Composer
Building the BookStore theme
Developing Magento 2 templates
Summary
Chapter 6: Magento 2 Styles Debugging
Increasing productivity by creating flow test styles
Debugging styles in Magento
Using the Grunt task runner to debug
Applying changes to Bookstore with Grunt
Summary
Chapter 7: Magento UI Components
The Magento UI components
UI listing/grid component
UI listing/grid secondary components
Form component
UI components control definition file
Magento sample module form
Summary
Chapter 8: Magento Layout Development
The Magento page layout
Layout instructions and types
Layout customizations
Customizing templates
Summary
Chapter 9: Magento 2 JavaScript
Magento 2 JavaScript structure
Initializing and locating JavaScript component
Magento jQuery widgets
Creating a jCarousel component for Promo module
Summary
Chapter 10: Social Media in Magento 2
Magento components
Development workflow
Developing the Sweet Tweet module
Summary
Chapter 11: Theme Development Best Practices
Why I should worry about it?
Best practices in Magento 2 development
Always use the Magento architecture
Strategies for customizing your themes
Seeking external resources to improve
Summary
Chapter 12: Magento Theme Distribution
The packaging process
Packaging your theme
Hosting your theme
Magento Marketplace
Summary

Book Details

ISBN 139781785888229
Paperback288 pages
Read More

Read More Reviews

Recommended for You

Magento 2 - Build World-Class online stores Book Cover
Magento 2 - Build World-Class online stores
$ 63.99
$ 44.80
Magento 2 Development Cookbook Book Cover
Magento 2 Development Cookbook
$ 39.99
$ 28.00
Magento PHP Developer's Guide Book Cover
Magento PHP Developer's Guide
$ 26.99
$ 18.90
Laravel 5.x Cookbook Book Cover
Laravel 5.x Cookbook
$ 39.99
$ 28.00
Magento: Beginner's Guide Book Cover
Magento: Beginner's Guide
$ 23.99
$ 16.80
HTML5 and CSS3: Building Responsive Websites Book Cover
HTML5 and CSS3: Building Responsive Websites
$ 67.99
$ 47.60