Book Image

Magento 2 Development Cookbook

Book Image

Magento 2 Development Cookbook

Overview of this book

With the challenges of growing an online business, Magento 2 is an open source e-commerce platform with innumerable functionalities that gives you the freedom to make on-the-fly decisions. It allows you to customize multiple levels of security permissions and enhance the look and feel of your website, and thus gives you a personalized experience in promoting your business.
Table of Contents (13 chapters)
12
Index

Customizing the HTML output


You can customize a theme in two ways. We can only change some styles to make a shop look different. The second way is to customize the HTML output, which is what we will cover in this recipe.

It is very common to want to change some stuff on the HTML structure to make your shop look unique.

Getting ready

Make sure you have the theme installed and configured like we have done in the previous recipe.

If you don't have the theme installed, you can install the start files for this recipe.

How to do it…

In the next steps, we will change the logo, change a template, and we will add extra blocks to the footer:

  1. First we will change the logo. If you look at the frontend of the webshop, you will see that the default Magento logo is used. This is an SVG image but what if I have a PNG image? Create a logo.png file in the folder app/design/frontend/Packt/cookbook/web/images. If this folder doesn't exist, create one.

  2. The second step is to create a layout configuration file in the...