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.
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
- Following is an image of the website with another Magento default theme “Magento Black”
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
- Once logged in to the Magento admin panel click on “Content” as shown in the below screen,
- From the side panel select “Themes”
- Once click on the “Themes” it will show available installed themes in Magento, as you see a total of three themes.
- 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
- 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.
- 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.
- 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:static–content:deploy -f
- The following screenshot shows 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
- As shown in the following screen 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
- The following screen shows the Magento Theme configuration settings, click on edit to change the theme.
- Once you click on the edit button, it shows detailed themes installed in Magento.
- Select the theme and click on “Save Configuration” as shown the below screenshot.
- 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.
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.
The post How to Install custom Magento 2 Theme – Step by step guide first appeared on Veon Consulting.