Learn to build and develop a custom theme in Magento 2 through this comprehensive video series. Master essential skills including logo design, navigation setup, layout customization, font integration, header and footer styling, and responsive design techniques. Explore advanced topics such as speeding up theme development, implementing custom layouts for CMS pages and widgets, creating banner widgets, and utilizing JavaScript components. Gain practical knowledge on personalizing the admin login page, creating high-quality themes, and even building an Amazon clone using Magento 2. Dive into JavaScript mixins, banner creation for landing pages, and various ways to customize and create Magento 2 themes to enhance your e-commerce development expertise.
Overview
Syllabus
Magento 2 Custom Theme: Logo, Navigation and Layout.
How to build Custom Theme in Magento 2.
Magento 2 Custom Theme: Adding Montserrat and Roboto Fonts.
Magento 2 Custom Theme: Header Content.
Magento 2 Custom Theme: Adding Google Fonts.
Magento 2 Custom Theme: Footer Links.
Magento 2 Custom Theme: Footer Content Styling.
Magento 2 Custom Theme: Newsletter Subscription Section on Home Page.
How to speed up Magento 2 theme development by X times.
Magento 2 Custom Theme Contact Us Block in a Container.
Showcase Banner on Home Page | Magento 2 Theme Development.
How to customize Contact Us Form | Magento 2 Theme Development.
How to use Debug Hints | Magento 2 Theme Development.
Magento 2 Custom Layout for CMS Page/Block/Widget.
Media Queries for Responsive Website | Magento 2 Theme Development.
Custom Media Queries | Magento 2 Theme Development.
Top Menu Labels Magento 2 Theme Development.
How to create Banner Widget in Magento 2.
How to add testimonials on Home Page | Magento 2 Theme Development.
Magento 2 Gallery Carousel extension.
How to initialize JavaScript Component like a PRO | Magento 2.
Services Container on Home Page | Magento 2 Theme Development.
Custom Buttons and Magento UI Library | Magento 2 Theme Development.
Magento 2 Extensions section on Home Page Magento 2 Theme Development.
The .lib-css() mixin and Ecommerce Blog on Home Page Magento 2 Theme Development.
Personalize Magento 2 Admin Login page with a company Brand Logo.
4 steps to create high quality Magento 2 Theme.
Listing Component in Magento 2 Customer Account.
Mastering Layout Configuration in Magento 2.
Amazon Clone using Magento 2.
7 ways to customize and create a Magento 2 Theme.
What is a Magento 2 Theme?.
What is a Magento 2 Theme?.
JavaScript Mixins in Magento 2 - Practical Tutorial.
Banner for Landing Page Custom Theme Magento 2.
Taught by
Max Pronko
