Quantcast
Channel: Veon Consulting
Viewing all articles
Browse latest Browse all 166

How to Install custom Magento 2 Theme – Step by step guide

$
0
0

The theme is an element in Magento that provides a consistent look and feel to the entire area of application and it is renowned to give a better customer experience and intuitive stage, Magento provides two default themes “Luma” and “Blank”, themes can be designed and customized based on the presentational requirement of the business. There are lots of ways to download Magento themes free and paid versions, one of the preferred ways in Magento MarketPlace

SAP Integration Services by Veon Contact Banner

Magento is an open-source eCommerce platform, mostly used by small and mid-size enterprise businesses as their eCommerce store. It comes with all features like billing and shipping and payment integration service the following are screenshots of the Magento store.

  • The below screen shows the “Magento Luma” default theme view 

Magento LUMA theme snapshot.

  • Following is an image of the website with another Magento default theme “Magento Black” 

Magento Black theme snapshot.

These are the two themes provided by Magento, in the below steps will see how to set up the theme in Magento.  Before you proceeding through the installation setups request you download a custom Magento theme. This is discussed in details in the section below. Kindly note that for installing the theme, you would need an administrator access to Magento. 

  • To install the Magento theme a user should have an administrator credential 
    • Log in to the Magento admin panel 

Magento Administrator Log-in page.

  • Once logged in to the Magento admin panel click on “Content” as shown in the below screen,
    • From the side panel select “Themes”

Magento Administrator Dashboard Panel.

  • Once click on the “Themes” it will show available installed themes in Magento, as you see a total of three themes. 

Default Magento themes screenshot.

  • Now we will see the steps to install a custom theme in Magento. 

Step to Download the Magento theme 

For this article we have taken a custom Magento theme called Solwin Free Go. This is a free Magento 2.0 theme. However, the process would remain the same even if it is a purchased or a premium theme. Websites like MagePlaza provide many such options. 

  • After downloading the Magento theme zip file, extract the files. 
  • From the extracted zip file  copy the “app” folder and paste in Magento instance at the following file path location 

D:\xampp\htdocs\magento\project-community-edition\app

  • Once you copy-paste files in the Magento app folder directory now upgrade the Magento instance.  Open XAMPP CMD Shell from the XAMPP control panel as shown in the screen below

XAMPP command-line shell

  • Once you open the XAMPP shell navigate to the Magento “bin” folder by entering the location file path followed by “CD”
    • Make Sure that you have entered the correct file path, below path is just for example purposes.

cd d:\xampp\htdocs\magento\project-community-edition\bin

  • Enter the below command to upgrade it will perform the auto-upgraded steps. 

php magento setup:upgrade

  • The following screenshot shows upgrading Magento files.  

Screenshot upgrading Magento 2.

  • After upgrading the Magento instance, it is important to clear the cache file and enter the below command to clear cache. 

php magento cache:clean

  • The following screen shows the cache files have been cleaned. 

Entering Command for Magento Cache cleaning.

  • After cleaning the cache files from the Magento instance, we have updated the static content “-f ” it indicates that we are updating the static content forcefully. 
    • Run the below command in CMD to update the static content deployment.

php magento setup:staticcontent:deploy -f

  • The following screenshot shows static content is deployed in the Magento instance

Static content is deployed in the Magento instance

Steps on how to change the theme in Magento 

  • Login to Magento administrator panel and navigate follow the below step 

Navigating to Magento theme in Admin dashboard.

  • As shown in the following screen theme has been installed successfully. 

Theme has been installed successfully

Steps to Change Theme in Magento 2

  • Navigate to the configuration settings in the Magento admin panel as shown in the below screens

Navigate to the configuration settings in the Magento

  • The following screen shows the Magento Theme configuration settings, click on edit to change the theme. 

Design Configuration in Magento.

  • Once you click on the edit button, it shows detailed themes installed in Magento. 

Selecting installed theme in Magento.

  • Select the theme and click on “Save Configuration” as shown the below screenshot. 

Select the theme and click on “Save Configuration”

  • Once click on the “Save Configuration” it important to clear the cache files in Magento enter the below command in XAMPP CMD 
  • The below screenshot shows the theme has been installed successfully.

php magento cache:clean

The below screen shows Magento theme has been changed successfully. 

Magento theme has been changed successfully

Hope this article helps you to set up a nice Magento theme for your web-shop. We are excited to learn how it looks after the theme installation. Leave us a comment or feedback in the section below. 


Who are we

We are passionate about  integrating eCommerce solution with ERP solutions like. Reach out to us to see how we can integrate Magento eCommerce with SAP.  Reach out to us for a free assessment of your SAP needs.

Contact us for a free assessment

The post How to Install custom Magento 2 Theme – Step by step guide first appeared on Veon Consulting.

Viewing all articles
Browse latest Browse all 166

Trending Articles