Magento 2 | Practical advice about customization of a store
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
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.
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
You will find out how to download and Magento 2.
About XAMPP installation process.
Magento 2 Site structure on XAMPP local webserver.
How to install the Composer.
Before starting the Magento installation, we'll need to create a new MySQL database instance to store the Magento data.
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.
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
About work in Console with Magento 2. Examples of common commands in console.
Let’s have a closer look at each of the Magento platform folders.
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
Step-by-step guide for custom theme creation in Magento 2
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.
In this lesson you will know about how you can add almost any content on pages of our store using CMS Blocks.
With Template Path Hints you will find out what template is used.
Let’s try to change some template in practice now.
Now let’s try to change the page using layout files.
In this lesson we will add CMS Static Block through a layout file.
In this lesson we change a layout of Home Page via layout file cms_index_index.xml
In this lesson we will add our own template to homepage.
In this lesson we will consider how it is possible to add New Products block to Homepage (or any other page).
You will learn about how you can completely change products template according to your needs.
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
Let's add our own file of styles in order to change the interface of our store.
In this lesson we will continue to change styles on a website and we will see how to do it in practice.
In this lesson we will learn how to change a store logo.
In this lesson we will consider Magento UI Library. It is a powerful instrument which comes with the platform.
In this lesson we will learn how to work with JavaScript files in Magento 2 correctly.
Translation and localization in Magento 2
In this lesson we will discuss practical matters of translating a theme and a website.
Let's continue to translate our theme and website.
Creation 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.
Process of a module creation
Module should do something useful on website. In this lesson we will consider a little example which will show us what module can do.
