Development
E-Commerce
Magento
Magento 2 | Practical advice about customization of a store
3.3 (22 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
114 students enrolled

Magento 2 | Practical advice about customization of a store

Step-by-step guide for website setup on Magento 2. Make your store unique!
3.3 (22 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
114 students enrolled
Created by Anatoly Zavadsky
Last updated 10/2018
English
English, Russian
Preview this course
Magento 2 | Practical advice about customization of a store
Current price: $34.99 Original price: $49.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 30 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
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
Expand all 34 lectures 02:11:24
+ – Introduction
2 lectures 05:03

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.

About this course. Course aims.
Preview 02:28

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.
What is Magento 2? Examples of Magento 2 Stores
Preview 02:35
+ – Installation and Setup
7 lectures 16:17

You will find out how to download and Magento 2.

Loading the platform and Sample Data
Preview 01:07

About XAMPP installation process.

XAMPP installation
Preview 01:22

Magento 2 Site structure on XAMPP local webserver.

Unpacking the downloaded files in XAMPP
Preview 01:14

How to install the Composer.

Composer installation
Preview 01:22

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

How to run a webserver. Creation of the database for the Magento 2 installation.
01:22

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.

Web server configuration preparation. Magento 2 installation (with errors)
06:30

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

Magento 2 installation (without errors)
03:20
+ – Before the process of customization of Magento 2
3 lectures 06:09

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

How to work with console in Magento 2
01:55

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

Magento 2 structure
02:42

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

Disable cache in Magento 2. Enable developer mode
01:32
+ – Customization of a theme in Magento 2
12 lectures 47:47

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

User theme creation
05:40

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.

Content for a website homepage (using CMS Block and Widget)
06:02

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

How to add a new block using CMS Pages
02:55

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

How to find out what template is used (Template Path Hints)
01:12

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

How to change template in Magento 2
03:35

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

How to add a new template for container
03:14

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

How to add Static Block through a layout file
03:29

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

How to change a layout of store Home Page
03:25

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

How to add your own template to any container
03:30

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

How to add New Products block to Homepage
06:10

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

How to edit a template with products
04:18

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 change the product page layout
04:17
+ – Working with CSS and JavaScript in Magento 2
5 lectures 25:20

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

How to add your own CSS styles file
05:19

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 theme CSS-styles using your own styles
04:44

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

How to change a logo of store
01:47

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

Magento UI Library
03:35

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

How to connect JavaScript file correctly
09:55
+ – Translation and localization in Magento 2
2 lectures 20:18

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

How to do translation in Magento 2 (part 1)
08:42

Let's continue to translate our theme and website.

How to do translation in Magento 2 (part 2)
11:36
+ – Creation of module in Magento 2
3 lectures 10:30

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

Structure of module in Magento 2
02:05

Process of a module creation

How to create a module in Magento 2
03:35

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

Practical benefits of module
04:50
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