How To Install Theme In Magento 2

Concluding Updated on January 21, 2022

This spread-out mail will depict how to install Magento two theme in the simplest manner.

For a Magento 2 e-commerce store to run in a full-fledged fashion, the store should be fully-optimized at both frontend and backend level. Through the expertise of skillful Magento developers, you can optimize the backend of the store without much of a hitch. Even so, what about the frontend role?

The first and the foremost step in optimizing the frontend function likewise as user-feel of your Magento ii e-commerce store is installing a regaling and user-friendly theme on your e-commerce shop.

The more user-friendly and soothing your theme is, the better will exist the users' acquisition charge per unit and ultimately, expeditious business growth.

The principal question pops up here is, how to install Magento two theme in your prevailing Magento 2 east-commerce shop? Apart from the Magento 2 theme installation, another concern is how to select a convenient and lightweight theme that grabs users' attention?

Nosotros've chalked out like shooting fish in a barrel to follow steps that will help you to install Magento ii theme without any fuss. Moreover, nosotros are going to state two methods for installing in Magento ii shop. Let'southward get started.

Method 1 – How to Install a New Theme in Magento two

i. Download The Theme
2. Upload The Theme
3. Run Commands
four. Implement the New Theme

#Download a New Theme

At that place are a plethora of websites prevailing on the Internet from where you lot can buy your coveted Magento 2 theme.The theme will exist downloaded in a ZIP binder. You accept to unzip files later. Afterwards unzipping files, you lot will get two directories: pub and app.

#Upload The New Theme

For uploading the theme to your Magento 2 server, you tin use whatever SFTP client, Filezilla, or WinScp. Make sure to upload pub and app files to the root directory of your Magento 2 store.

#Run Commands

To install your coveted Magento 2 theme, you need to connect your store server via SSH and upgrade the setup by running the command given below.

Command for upgrading the setup

php bin/magento setup:upgrade

Command for deploying the Static Content

php bin/magento setup:static-content:deploy

#Implement the New Theme

Access the admin panel of your Magento ii store and follow the navigation Content—–Configuration

Click on the edit push button besides the Theme proper noun section and select your theme which you have uploaded earlier. Refresh the home folio of your Magento 2 shop to see the newly uploaded theme.

We are done with method i for installing Magento 2 theme. It'due south time to hop on to method number two.

Method 2 by Emizentech – How to Create a New Theme in Magento 2

In this method, we are going to take unlike approach for satiating your query "How to install Magento 2 theme."

Our method 2 for Magento 2 theme installation is a three step process.

1. Disable Cache
2. Enable Developer Manner
iii. Create Magento two theme

#Disable Cache

First, connect your Magento ii server to SSH then run the given below command in root directory.

php bin/magento cache:disable

#Enable Developer Mode

Run the command given below in your Magento 2 store directory to enable the developer mode.

php bin/magento deploy:mode:set programmer

# Create Magento2 Theme

One time you have disable cache and enable the developer way, it's high time to create Magento 2 customized theme.

You tin can created Magento 2 customized themes into

app/design/frontend/<Vendor>/<ThemeDir>

Make sure each Magento 2 theme has its own separate directory as mentioned below.

app/design/frontend/<Vendor>/ ├──<theme1> ├──<theme2>/ ├──<theme3> ├--...

Create Theme Directory Structure

Create the similar theme structure stated below for your preferred Magento 2 theme.

├──<theme1>/ ├── theme.xml ├── composer.json ├── registration.php ├── etc/ ├── i18n/ ├── media/ ├── web/ │ ├── css/ │ │ ├── source/ │ ├── fonts/ │ ├── images/ │ ├── js/ ├──<Vendor>_<Module>/ │ ├── web/ │ │ ├── css/ │ │ │ ├── source/ │ ├── layout/ │ │ ├── override/ │ ├── templates/

In the higher up Magento 2 theme structure –

<Vendor> – Name of vendor y'all feed

<theme1> – Name of your preferred theme

/theme.xml – theme announcement file

/registration.php –But needed to annals your theme in the organization

/etc/view.xml – Needed when your theme exists in the parent theme

/media – Required

Apart from knowing and implementing the Magento 2 theme structure, you lot should also the format of numerous theme structure elements.

Formant for theme annunciation – theme.xml

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-example" :noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd"> <title>EmizenTech Morden Theme</title> <parent>Magento/luma</parent> <media> <preview_image>media/preview.jpg</preview_image> </media> </theme>

Format for registration.php File

<?php \Magento\Framework\Component\ComponentRegistrar::register( \Magento\Framework\Component\ComponentRegistrar::THEME, 'frontend/EmizenTech/mod', __DIR__ );

Declare your logo

By default, Magento 2 uses logo.svg which is divers into your selected theme'southward directory. You lot tin can declare your logo into layout configuration.

app/blueprint/frontend/EmizenTech/mod/Magento_Theme/layout/default.xml

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <body> <referenceBlock proper noun="logo"> <arguments> <argument proper noun="logo_file" xsi:type="string">images/emizen_logo.jpg</statement> <argument name="logo_img_width" xsi:type="number">150</argument> <statement name="logo_img_height" xsi:type="number">150</argument> </arguments> </referenceBlock> <body> </folio>

After declaring the logo, login to Magento two admin console and navigate to Content :: Design :: Themes

In the above image, you tin meet your created theme. Now, edit store view to select the new theme.

Conclusion

In that location area plethora of factors involved in the gargantuan success of an e-commerce store. However, a responsive and enticing theme is the nigh pregnant one.

To install Magento 2 themeon your Magento e-commerce store, you should hire experienced Magento 2 developers who can make the process of Magento ii theme installation hassle-gratis and glitch complimentary.