Home Page Icon
Home Page
Table of Contents for
Magento 2 Theme Design - Second Edition
Close
Magento 2 Theme Design - Second Edition
by Richard Carter, Fernando J Miguel
Magento 2 Theme Design - Second Edition
Magento 2 Theme Design - Second Edition
Magento 2 Theme Design - Second Edition
Credits
About the Author
About the Reviewer
www.PacktPub.com
Why subscribe?
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Errata
Piracy
Questions
1. Introduction to Magento 2
What is Magento?
Magento 2's features
Differences between Magento 1 and Magento 2
Showcase of Magento themes
Venroy
Alcatel Onetouch
Cultcha Kids
Challenges of Magento 2 theme design
Why create a custom Magento 2 theme?
Installing Magento 2
XAMPP PHP development environment
XAMPP installation
XAMPP for Windows installation
XAMPP for Linux installation
XAMPP for OS X installation
Downloading Magento 2
Summary
2. Exploring Magento Themes
Magento terminology
Magento vendors and themes
Magento websites and Magento stores
What makes a Magento theme?
Unique aspects of a Magento theme
Default Magento 2 themes
Magento Luma theme
Magento Blank theme
Blocks and pages in Magento
Magento theme inheritance
Custom Variables
Good practices in Magento theming
Summary
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
Magento Modes
Disabling Magento's cache
Theme development
Creating the static files directories
Creating a theme logo
Applying the theme
Magento 2 theme debug
Summary
4. Magento UI Library
Magento 2 UI
LESS and CSS preprocessing
Custom variables
Functions
Mixins
Operators
Nestings
LESS compilation in Magento 2
The Magento UI library
Testing the Magento UI library
Summary
5. Creating a Responsive Magento 2 Theme
The BookStore theme project
Managing dependencies with Composer
Installing Composer on Unix-like operating systems
Installing Composer on Windows
Building the BookStore theme
Applying new CSS to the BookStore theme
Creating the BookStore logo
Changing your store's design
Adding content with Magento CMS
Displaying featured categories on the home page
Developing Magento 2 templates
Summary
6. Magento 2 Styles Debugging
Increasing productivity by creating flow test styles
Debugging styles in Magento
Client-side debugging mode
Server-side debugging mode
Using the Grunt task runner to debug
Installing Node.js on Linux
Installing Node.js on Windows
Installing Node.js on OSX
Installing Grunt
Testing Grunt
grunt watch
Applying changes to Bookstore with Grunt
Summary
7. Magento UI Components
The Magento UI components
UI listing/grid component
UI listing/grid secondary components
Filter
Pagination
TreeMass action
Column
UI-select
Multiselect
Inline edit
Bookmark
Resize
Sticky header
Export button
File uploader
Form component
UI components control definition file
Magento sample module form
Summary
8. Magento Layout Development
The Magento page layout
Layout instructions and types
Extend and override a layout
Layout customizations
Set the page layout
Managing static resources
Working with static blocks
Working with dynamic blocks
Customizing templates
Customizing templates with a new language
Summary
9. Magento 2 JavaScript
Magento 2 JavaScript structure
Initializing and locating JavaScript component
Initializing JavaScript
Mapping the JavaScript resources
Magento jQuery widgets
Creating a Tabs widget
Creating a jCarousel component for Promo module
Summary
10. Social Media in Magento 2
Magento components
Development workflow
Understanding the composer.json
Developing the Sweet Tweet module
The Twitter REST API
The Twitter OAuth library
The Module directory structure
Coding the composer.json file
Declaring the XML configuration files and registration.php
Programming the controllers
Programming the blocks
Programming the Observer
Programming the View layer
Enabling the module
Summary
11. Theme Development Best Practices
Why I should worry about it?
Best practices in Magento 2 development
Always use the Magento architecture
The Magento technology stack
PHP standard recommendations
PSR-1 – basic coding standards
PSR-2 – coding style guide
PSR-4 – autoloader
Strategies for customizing your themes
Seeking external resources to improve
Community Magento
The Magento 2 official repository
The Magento blog
Magento Stack Exchange
Blogs about Magento development
Inchoo
Mukesh Chapagain
Alan Storm
Summary
12. Magento Theme Distribution
The packaging process
Packaging your theme
Magento component validation
Hosting your theme
Hosting your project on GitHub and Packagist
Hosting your project in a private repository
Magento Marketplace
Submitting your theme
Summary
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Table of Contents
Next
Next Chapter
Magento 2 Theme Design - Second Edition
Magento 2 Theme Design - Second Edition
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset