Magento 2 | Practical advice about customization of a store

Step-by-step guide for website setup on Magento 2. Make your store unique!

Created byAnatoly Zavadsky

Last updated 4/2024

English

What you'll learn

You will see what is Magento 2 and what websites can be created on it.
You will find out how to download and how to set and customize Magento 2 on the local XAMPP Web server correctly. The main installation errors and the way you can deal with them will also be considered.
You will learn how to work with Magento 2 console (OS Windows).
You will find out how to create, set and activate the user theme on the basis of the Luma theme. You will see a practical example of your own theme setup based on the Luma theme built in Magento.
You will learn how to work with Blocks, Widgets and Pages. You will be able to change the homepage of shop completely to make it your own.
You will learn how to add your own CSS-styles. This will help you to change any ready theme almost completely if you want to.
You will learn how to add your own JavaScript files correctly. We will consider a practical example of adding the Popover (in BootstrapJS) on the page. We will connect an external script to practice.
You will find out how internationalization in Magento 2 works. You will learn to do translation of a theme in practice. You will see how it is possible to add several stores in different languages.

Course content

9 sections • 53 lectures • 3h 13m total length

About this course. Course aims.2:28
Course aims:
To examine the main practical moments which will allow the student to set and customize any subject independently according to his needs. To study Magento 2 framework in practice that will allow the student to create unique online stores by himself.
What is Magento 2? Examples of Magento 2 Stores2:35
Magento is the most popular e-commerce platform in the world, with over $155 (one hundred and fifty five) billion dollars in gross merchandise volume transacted on the platform annually. Is one of the most used CMS to create online stores around the world by its powerful scalable architecture.
There are many reasons that large brands trust Magento. Here are just some of the Magento 2 features.

The general road map On-Premises Magento 2 Installation0:57
Let's get started: from this course you will learn how to install Magento 2 version 2.4.6 on a local machine with the CentOS 9 operating system.
Let's take a look at the general road map On-Premises Magento 2 Installation.
Install Virtual Machine (VMware Workstation Player 17)2:21
If you use different than recommended OS — you may install Virtual Machine.
If you do not need a virtual machine and an OS, go to the web server configuration section.
Install CentOS Stream 9 on Virtual Machine1:52
The process of installing the operating system CentOS Stream 9 on Virtual Machine (VMware Workstation Player 17)
Install Apache 2.4 HTTP Server (Httpd)7:51
In this lesson we will look at the process of installing the Apache server (Apache 2.4 HTTP Server (Httpd)) and Set Up Web Server Environment on a local machine with CentOS 9. Also we will configure and Setting Up Virtual Hosts in the Apache server.
Installation and Configuration PHP 8.2 on CentOS 98:05
In this lesson, we will do PHP 8.2 Installation and Configuration. See how to Configure PHP-FPM (FastCGI Process Manager). Also I will show you how to set required PHP options in php.ini file. We will consider the OPcache configuration process.
MySQL 8.0 Installation and Configuration on CentOS 93:32
In this lesson, we will do MySQL 8.0 Installation and Configuration on CentOS 9 and the local machine. And a big step - is the secure MySQL installation. Also we will create the database instance for Magento installation.
Install Composer 2.7 on local machine (CentOS 9)1:39
In this lesson, we will Install Composer 2.7 on local machine and CentOS 9. Composer is a dependency manager for the programming language, PHP. It functions as some sort of project manager that helps the programmer manage dependencies that will be used on a project-to-project basis.
Step-by-step guide installation Elasticsearch on CentOS 93:46
In this lesson I will install Search engine Elasticsearch and show you the process of installing Elasticsearch on a local server (Apache on CentOS 9).
Securing Apache server and Setting up self-signed SSL certificate5:07
In this lesson, we will securing Apache server: disable directory listing and configure a firewall. Then we Setting up an SSL secured Webserver with a self-signed certificate. Using OpenSSL and mod_ssl.
Set up a proxy for Apache 2.4 server (if needed)1:01
Set up a proxy for Apache 2.4 server (if needed)
Get authentication keys to the Composer repository and Download Magento3:16
To install Magento we need the access keys from Magento official site. Sign in into Magento Marketplace and navigate to My Profile and Access Keys. These keys can be used for authorized downloads of the Magento Open Source 2.X platform, extensions, and themes.
Create a Magento Project using Composer.
Installation of Magento 2.4.6 on CentOS and a local machine1:55
In this lesson, we will consider the process of installing Magento 2.4.6 on a local server (Apache on CentOS 9).
You must use the command line to install Magento Open Source (web installation wizard has been removed).

High-level overview of on-premises installation of Magento 20:41
Hello and welcome to the new section of the course!
Let's get started: from this course you will learn how to install Magento 2 version 2.4.6-p4 on a local machine with the Debian 12 operating system.
How to install Virtual Box 7.0 and new VM. Download Debian OS 12 in .ISO format1:50
First of all, we need to Set up server environment. For a visual presentation I will use Virtual Box with Debian OS.
Discover how to install Virtual Box 7.0 and create new Virtual Machine. Download Debian 12 Operating System installation file in ISO format.
How to install Debian OS 12 on Virtual Machine. First launch and settings3:54
I will show you a process of installing a Debian operating system. From an .ISO file. Also, I will make some initial settings of a system.
How to install Visual Studio Code. First launch and quick review2:46
In this lecture I will show you how to install Visual Studio Code 1.87. Why Visual Studio Code? Because it's free and will suit our future Magento installation needs.
But you can use an IDE you are used to and know better.
How to install Docker. Post-installation steps for Docker2:48
Why Docker? Developing with Docker simplifies the process of configuring the server environment. Instead of installing each element separately (for example PHP, database, etc.), you can use a single image and the corresponding containers. Later in the course, you will see how much easier it becomes to install Magento using Docker.
Use automated Docker one-liner setup of Magento 2. Install sample data3:08
In this lecture, I will show you how to use Docker for installing a Magento 2 project with automated one-liner setup. Also, we will discover process of installing sample data for magento 2.4.6.
Verify Magento installation. Access to DB, admin and mail. Docker in VS Code5:12
In this lecture, we will verify Magento installation. Also, I will show you how to get access to the database, admin panel and local mail.
Will see how Magento project looks in Visual Studio Code and Docker. And make some project settings.
Also, I will show you how to configure Two-Factor Authorization (2FA) and how to disable it.
And, finally, I will show you how to run the Docker containers.

Loading the platform and Sample Data1:07
You will find out how to download and Magento 2.
XAMPP installation1:22
About XAMPP installation process.
Unpacking the downloaded files in XAMPP1:14
Magento 2 Site structure on XAMPP local webserver.
Composer installation1:22
How to install the Composer.
How to run a webserver. Creation of the database for the Magento 2 installation.1:22
Before starting the Magento installation, we'll need to create a new MySQL database instance to store the Magento data.
Web server configuration preparation. Magento 2 installation (with errors)6:30
If you have an Autoload error, and installer warns about errors at this stage, we will show you how you can fix it.
Also we show you how to edit the Web server configuration file (php.ini) and to set bigger values for configuration.
Magento 2 installation (without errors)3:20
Process of the Magento 2 installation without errors. And what to do if not all UI elements are normally displayed.

How to work with console in Magento 21:55
About work in Console with Magento 2. Examples of common commands in console.
Magento 2 structure2:42
Let’s have a closer look at each of the Magento platform folders.
Disable cache in Magento 2. Enable developer mode1:32
How to disable cache in Magento 2 and enable developer mode.
For the website online you will have to enable the production mode and also to enable cache back (Full Page Cache is desirable).

User theme creation5:40
Step-by-step guide for custom theme creation in Magento 2
Content for a website homepage (using CMS Block and Widget)6:02
We can see now that our store homepage is empty. It is because we changed the theme.
Let’s add Sample Data from Luma theme as our homepage content, for example.
How to add a new block using CMS Pages2:55
In this lesson you will know about how you can add almost any content on pages of our store using CMS Blocks.
How to find out what template is used (Template Path Hints)1:12
With Template Path Hints you will find out what template is used.
How to change template in Magento 23:35
Let’s try to change some template in practice now.
How to add a new template for container3:14
Now let’s try to change the page using layout files.
How to add Static Block through a layout file3:29
In this lesson we will add CMS Static Block through a layout file.
How to change a layout of store Home Page3:25
In this lesson we change a layout of Home Page via layout file cms_index_index.xml
How to add your own template to any container3:30
In this lesson we will add our own template to homepage.
How to add New Products block to Homepage6:10
In this lesson we will consider how it is possible to add New Products block to Homepage (or any other page).
How to edit a template with products4:18
You will learn about how you can completely change products template according to your needs.
How to change the product page layout4:17
In this lesson we will learn how to change the page layout (for example, a product with a Bundle type).
Consider an example of adding or removing css and js resources in the head section.

How to add your own CSS styles file5:19
Let's add our own file of styles in order to change the interface of our store.
How to change theme CSS-styles using your own styles4:44
In this lesson we will continue to change styles on a website and we will see how to do it in practice.
How to change a logo of store1:47
In this lesson we will learn how to change a store logo.
Magento UI Library3:35
In this lesson we will consider Magento UI Library. It is a powerful instrument which comes with the platform.
How to connect JavaScript file correctly9:55
In this lesson we will learn how to work with JavaScript files in Magento 2 correctly.

Structure of module in Magento 22:05
We will examine a structure of a typical module of the platform (Magento_Catalog) to understand module organization in Magento better.
How to create a module in Magento 23:35
Process of a module creation
Practical benefits of module4:50
Module should do something useful on website. In this lesson we will consider a little example which will show us what module can do.

Requirements

In order to work with Magento 2, you should have a basic knowledge of XML, HTML, CSS and some PHP.

Description

Course aims:

To examine the main practical moments which will allow the student to set and customize any subject independently according to his needs. To study Magento 2 framework in practice that will allow the student to create unique online stores by himself.

From this course you will learn practical advice about customization of the website on Magento 2 CMS:

You will see what is Magento 2 and what websites can be created on it.
You will find out how to download and how to set and customize Magento 2 on the local XAMPP Web server correctly. The main installation errors and the way you can deal with them will also be considered.
You will learn how to work with Magento 2 console (OS Windows).
You learn the main folder structure and files in this framework.
You will find out how to create, set and activate the user theme on the basis of the Luma theme. You will see a practical example of your own theme setup based on the Luma theme built in Magento.
You will learn how to work with Blocks, Widgets and Pages. You will be able to change the homepage of shop completely to make it your own.
You will see the files used in the template, and find out what files you can configure and change. You will learn to define what files you need to create or edit to configure the theme. In addition, you will learn how to work with template files and layout files of a theme.
You will learn how to change the layer to fit your exact needs, and also how to add any blocks of content on pages.
You will discover how it is possible to show new products on the Homepage of your online store.
You will find out how it is possible to change a product template as you like it.
You will learn how to add your own CSS-styles. This will help you to change any ready theme almost completely if you want to.
You will learn how to add your own JavaScript files correctly. We will consider a practical example of adding the Popover (in bootstrap.js) on the page. We will connect an external script to practice.
You will find out how internationalization in Magento 2 works. You will learn to do translation of a theme in practice. You will see how it is possible to add several stores in different languages.
We will pay special attention to learning modules in Magento 2. We’ll take a look at their structure, process of creation of a new module from the scratch and also a practical example of module usage in your theme.
Also, this course will show you some useful resources which are helpful in learning more about Magento 2.

Are you ready? Let's go!

Who this course is for:

Programmers
Magento 2 Developers
Magento 2 Store Owners

Magento 2 | Practical advice about customization of a store

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 5min

Magento 2 version ≥ 2.4 - On-Premises Installation on CentOS Stream 912 lectures • 41min

Magento 2.4.6 On-Premises Installation on Debian 127 lectures • 20min

Installation and Setup Magento 2.2.x versions7 lectures • 16min

Before the process of customization of Magento 23 lectures • 6min

Customization of a theme in Magento 212 lectures • 48min

Working with CSS and JavaScript in Magento 25 lectures • 25min

Translation and localization in Magento 22 lectures • 20min

Creation of module in Magento 23 lectures • 11min

Requirements

Description

Who this course is for: