In this video you will learn basics of a theme creation in 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 a faster theme development. Finally, you will build your own theme by following the instructions in this video.
Download source code
Chapters:
0:00 Before you start watching the video
1:48 Theme structure and layout
4:09 Theme activation
5:57 Custom logo
9:18 Grunt and LiveReload
13:49 Custom header section
19:08 Custom product page
22:16 Custom template
23:20 PHTML template overview
Learn Magento 2 at the
Promotion on this channel: max@pronkoconsulting.com
Visit our sponsor for more information about Magento and Shopify development.
—
Business Enquiries:
source
This post was automatic generated with this wp-automatic-plugin
Thank you for watching this tutorial. The source code can be found here: https://github.com/mcspronko/magento-2-theme-101
thank you so mush for this tutorial, Can you please another tutorial for modifying the product category page (list.phtml) ?
Great video thank you,
Can u make a video, how do you work on server? Or do u work locally and update it later
This is great… thank you very much Max for all the effort that you put in to make those tutorials🙏🙏🙏
Hi Max, really nice video. I have one question. I want to configure live reload with my server is it possible? If yes please give me steps so I can configure it.
Thanks for the video. Very helpful
Thanks for the video! There is a small question, why use lib-css mixin? Does it make any practical sense?