3.65 out of 5
3.65
15 reviews on Udemy

Magento 2 | Practical advice about customization of a store

Step-by-step guide for website setup on Magento 2. Make your store unique!
Instructor:
Anatoly Zavadsky
79 students enrolled
English More
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 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!

Introduction

1
About this course. Course aims.

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.

2
What is Magento 2? Examples of Magento 2 Stores

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.

Installation and Setup

1
Loading the platform and Sample Data

You will find out how to download and Magento 2.

2
XAMPP installation

About XAMPP installation process.

3
Unpacking the downloaded files in XAMPP

Magento 2 Site structure on XAMPP local webserver.

4
Composer installation

How to install the Composer.

5
How to run a webserver. Creation of the database for the Magento 2 installation.

Before starting the Magento installation, we'll need to create a new MySQL database instance to store the Magento data.

6
Web server configuration preparation. Magento 2 installation (with errors)

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.

7
Magento 2 installation (without errors)

Process of the Magento 2 installation without errors. And what to do if not all UI elements are normally displayed.

Before the process of customization of Magento 2

1
How to work with console in Magento 2

About work in Console with Magento 2. Examples of common commands in console.

2
Magento 2 structure

Let’s have a closer look at each of the Magento platform folders.

3
Disable cache in Magento 2. Enable developer mode

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).

Customization of a theme in Magento 2

1
User theme creation

Step-by-step guide for custom theme creation in Magento 2

2
Content for a website homepage (using CMS Block and Widget)

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.

3
How to add a new block using CMS Pages

In this lesson you will know about how you can add almost any content on pages of our store using CMS Blocks.

4
How to find out what template is used (Template Path Hints)

With Template Path Hints you will find out what template is used.

5
How to change template in Magento 2

Let’s try to change some template in practice now.

6
How to add a new template for container

Now let’s try to change the page using layout files.

7
How to add Static Block through a layout file

In this lesson we will add CMS Static Block through a layout file.

8
How to change a layout of store Home Page

In this lesson we change a layout of Home Page via layout file cms_index_index.xml

9
How to add your own template to any container

In this lesson we will add our own template to homepage.

10
How to add New Products block to Homepage

In this lesson we will consider how it is possible to add New Products block to Homepage (or any other page).

11
How to edit a template with products

You will learn about how you can completely change products template according to your needs.

12
How to change the product page layout

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.

Working with CSS and JavaScript in Magento 2

1
How to add your own CSS styles file

Let's add our own file of styles in order to change the interface of our store.

2
How to change theme CSS-styles using your own styles

In this lesson we will continue to change styles on a website and we will see how to do it in practice.

3
How to change a logo of store

In this lesson we will learn how to change a store logo.

4
Magento UI Library

In this lesson we will consider Magento UI Library. It is a powerful instrument which comes with the platform.

5
How to connect JavaScript file correctly

In this lesson we will learn how to work with JavaScript files in Magento 2 correctly.

Translation and localization in Magento 2

1
How to do translation in Magento 2 (part 1)

In this lesson we will discuss practical matters of translating a theme and a website.

2
How to do translation in Magento 2 (part 2)

Let's continue to translate our theme and website.

Creation of module in Magento 2

1
Structure of module in Magento 2

We will examine a structure of a typical module of the platform (Magento_Catalog) to understand module organization in Magento better.

2
How to create a module in Magento 2

Process of a module creation

3
Practical benefits of module

Module should do something useful on website. In this lesson we will consider a little example which will show us what module can do.

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
3.7
3.7 out of 5
15 Ratings

Detailed Rating

Stars 5
6
Stars 4
4
Stars 3
3
Stars 2
1
Stars 1
1
aad8a826c013b98cd45d819d05d429dd
30-Day Money-Back Guarantee

Includes

2 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion