This course will teach you how to customize Magento 2 themes and create effective high quality websites. You will learn how to add custom checkout steps, banners for landing pages, and JavaScript mixins. You will gain practical skills such as creating custom UI component filters, customizing contact us forms, adding bootstrap CSS and navigating Media Queries. Develop an effective Magento 2 theme by learning how to customize the logo, navigation and layout, adding Google Fonts and creating content sections such as Newsletter subscription and Services Container. Improve website speed with Magento 2 theme development, debug hints and creating a gallery carousel extension. You will also learn how to install and manage a Magento 2 theme and extension. This course will provide you with the necessary tools to build effective and visually engaging custom themes.
Overview
Syllabus
Add Custom Checkout Step in Magento 2.
Banner for Landing Page Custom Theme Magento 2.
JavaScript Mixins in Magento 2 - Practical Tutorial.
Custom UI Component Filter Tutorial | Magento 2 Tutorial.
What is a Magento 2 Theme?.
7 ways to customize and create a Magento 2 Theme.
Magento 2 Passing Data from Controller to Template | Mage Mastery Lesson 7.
Magento 2 Template via Layout Rendering | Mage Mastery | Lesson 6.
How to add a Bootstrap CSS for Your Magento 2 Theme.
Add Template to Layout in Magento 2.
How to change Layout Type in Magento 2?.
Layout Rendering in Magento 2.
Mastering Layout Configuration in Magento 2.
Listing Component in Magento 2 Customer Account.
4 steps to create high quality Magento 2 Theme.
Personalize Magento 2 Admin Login page with a company Brand Logo.
Custom Button UI Component in Magento 2.3.
The .lib-css() mixin and Ecommerce Blog on Home Page Magento 2 Theme Development.
Magento 2 Extensions section on Home Page Magento 2 Theme Development.
Custom Buttons and Magento UI Library | Magento 2 Theme Development.
Services Container on Home Page | Magento 2 Theme Development.
Magento 2 Gallery Carousel extension.
How to add testimonials on Home Page | Magento 2 Theme Development.
How to create Banner Widget in Magento 2.
Top Menu Labels Magento 2 Theme Development.
Custom Media Queries | Magento 2 Theme Development.
Media Queries for Responsive Website | Magento 2 Theme Development.
Magento 2 Custom Layout for CMS Page/Block/Widget.
How to use Debug Hints | Magento 2 Theme Development.
How to customize Contact Us Form | Magento 2 Theme Development.
Showcase Banner on Home Page | Magento 2 Theme Development.
Magento 2 Custom Theme Contact Us Block in a Container.
How to speed up Magento 2 theme development by X times.
Magento 2 Custom Theme: Newsletter Subscription Section on Home Page.
Magento 2 Custom Theme: Footer Content Styling.
Magento 2 Custom Theme: Footer Links.
Magento 2 Custom Theme: Adding Google Fonts.
Magento 2 Custom Theme: Header Content.
Magento 2 Custom Theme: Adding Montserrat and Roboto Fonts.
Magento 2 Custom Theme: Logo, Navigation and Layout.
How to improve development time with Magento 2.
How to add Bootstrap JavaScript and CSS into Magento 2 custom theme.
Ask Me Anything Episode 9 - Bootstrap JS/CSS in Magento 2, performance, PHPStorm live templates.
Magento 2 how to create an UI Component.
Magento 2 Install Theme and Extension via Magento Setup Wizard.
How to Install Theme via Composer in Magento 2 | Max Pronko.
Magento 2 Install Storefront Theme manually.
Magento 2 Color Swatches Custom Validation with JavaScript Mixin.
Magento 2 customize one-step checkout.
How to build Custom Theme in Magento 2.
Taught by
Max Pronko
