TOP 10 Magento Theme Development Videos

Discover the top, most popular video tutorials for Magento 2 theming development. This is a unique collection that I've prepared for you, so you can learn more about Magento 2 development. I am sure you've faced a situation when a new theme has to be implemented for a Magento 2 website and you are stuck in the middle of nowhere trying to understand where you start. Well, without further introduction, here is the TOP 10 videos on YouTube, that are available absolutely for free and dedicated to the Magento 2 theme development.

1. Add Custom Checkout Step in Magento 2

Usually, when it comes to Magento 2 checkout functionality, the complexity level for performing a customization is rather high. The Add Custom Checkout Step in Magento 2 video explains in great detail how to add a custom step for checkout for Magento 2. The one-hour video goes into deep detail and covers such topics as layout configuration, UI Components, etc. Both the backend and frontend required implementation in order to implement the custom checkout step.

2. Magento 2 Custom Themes: How to Make a Theme from Scratch

In this video, you will learn the basics of theme creation for Magento 2. The video covers theme structure and location, creation of a layout, template, theme assets, etc. You will learn how such tools as grunt javascript task manager and Live Reload Chrome browser extension for faster theme development. Finally, you will build your own theme by following the instructions in this video.

The video covers the following topics:

  • Theme structure and layout
  • Theme activation
  • Custom logo
  • Grunt and LiveReload
  • Custom header section
  • Custom product page
  • Custom template
  • PHTML template overview

This video is a classic one when it comes to Magento 2 theme development. Probably the most viewed video dedicated to theming on YouTube.

In this video, the following topics are covered:

  1. Luma and Blank Themes Overview
  2. The magento2-theme package
  3. Custom logo for your theme
  4. Layout files
  5. The LESS styles

4. 7 ways to customize and create a Magento 2 Theme

This video covers 7 different ways how to customize a Magento 2 theme for a merchant or a client.

5. Magento 2 Custom Theme: Logo, Navigation and Layout

In this video, you may learn how to change a custom logo and position it to the center of the header block. Navigation has been centered and the background changed with _extend.less file. And how to remove search and report bug blocks from all pages. A practical tutorial for starting Magento 2 custom theme development.

6. Magento 2 Color Swatches Custom Validation with JavaScript Mixin

In this video, you can learn how to customize a product view page as part of the Magento 2 custom theme development. Not only the styles will be updated, you can also learn JavaScript customizations that may be done to achieve custom behavior for Magento 2 custom theme.

7. Custom UI Component Filter Tutorial | Magento 2 Tutorial

In this video tutorial you can learn how to customize a UI component filter for Magento 2. It is not really a custom theme development, however, it is a good lesson to know since lots of customizations cover UI Components such as Forms and Grids in Magento 2.

8. Magento 2 Template via Layout Rendering | Mage Mastery | Lesson 6

In this video tutorial, you can learn how to create a template in Magento 2 and render it on a custom page.

9. Add Template to Layout in Magento 2

In this video you will learn how to create a template, add the template to a layout configuration file and render the template on a custom page.

10. Banner for Landing Page Custom Theme Magento 2

And finally, the video tutorial on how to customize a home page for Magento 2. Part of the Magento 2 custom theme development series that I highly recommend to watch.

What are your TOP videos for Magento 2 custom theme development that you like re-watching from time to time. Or, every time you have to write a custom Magento 2 theme from scratch. Let me know in the comments below.