How to Install Magento 2 Theme? – Manual Setup Tutorial

Are you curious of how to install Magento 2? A step-by-step guide will be provided in order to help you build the Magento eCommerce website for your business.

No matter what products you are selling, your website’s appearance has to be good-looking enough to capture the customers’ attention and to keep them in the store. 

So let’s get your target reached by today’s Magento theme installation tutorial. Let’s get it started!

>> Curious about Magento 2 themes and Magento 2 extensions? Click these links!

Magento 2 Theme Manual Setup

how-to-install-magento-theme-app-and-pub-directories

If you’ve successfully downloaded a Magento 2 theme that you like, here comes the step Uploading.

There are several ways to upload a theme, out of which we can divide into two categories: uploading manually or using a command. 

In this tutorial, we focus on helping you upload and setup your Magento theme manually due to the simplicity and low requirement of coding experience.

That’s why this way is well-suited for small and inexperienced developer teams.

Access the root directory of your Magento 2 store using FileZilla or any SFPT client. Get the app and pub folder uploaded in the root directory that you got after extracting the zipped folder of your theme.

How to Install Magento theme in 6 steps

After a long time waiting, you’ve successfully uploaded and unzipped your theme to your server. Then in order for the theme to be displayed on your site the same as the theme demo, you have to do six more steps to install it.

#1. Upgrade

how-to-install-magento-theme-Upgrade-step

To upgrade, you have to have a terminal emulator installed. In this case, I’m using PuTTY. Begin by logging in your SSH Account using PuTTY. Then input this line of code

php bin/magento setup:upgrade

Then you enter. You would have to wait a little bit. Yes, that’s all.

#2. Deploy

To Deploy, go back to the terminal emulator in case you use Magento version 2.1.x and lower, input this line of code:

php bin/magento setup:static-content:deploy

However, in case you use Magento version 2.2.x and above, you have to add “-f”, so the code would be like this:

php bin/magento setup:static-content:deploy –f

Then press the button Enter and wait for a while.

#3. Flush the cache

To Flush cache, go to your Magento Admin System > Tools > Cache Management and click Flush Magento Cache.

#4. Enable the theme

how-to-install-Magento-theme-Enable-theme-step-(1)

To enable the theme, go to Magento Admin > Content > Design > Configuration. Now edit the Main Website Store > Select the theme you’ve just installed.

how-to-install-magento-theme-enable-theme-step-(2)

By default, the theme will be the Magento Luma. Now, just select the theme you’ve installed and Save Configuration.

#5. Import data sample

how-to-install-magento-theme-import-data-step-(1)

To import demo data, go to your Magento Admin. Then, go to the theme section > Theme Settings > Import Data.

how-to-install-magento-theme-import-data-step-(2)

In our Thinnk theme as an example, you can comfortably choose to import both CMS Pages and Blocks. And then, click Import.

#6. Flush the cache again

You do the same as what you did in the third step 3 above. So there, you have a beautiful and full-featured theme installed on your website. The achievement is sweet, as you can see.

FAQs about Magento 2 Theme Installation

FAQs

#1. How do we do to resolve the problem related to Magento 2.3 installation on localhost?

*Problem: After having installed the Magento 2.3 version with sample data on the localhost on Windows 10 successfully, I tried to go to the Homepage and Admin Control Panel, but they are not properly loaded.

*Solution

  • In Magento Install Directory, open file /vendor/magento/framework/View/Element/Template/File/Validator.php > find $realPath = $this->fileDriver->getRealPath($path);  and replace it with $realPath = str_replace('\\', '/', $this->fileDriver->getRealPath($path));
  • Then, open file app/etc/di.xml > find Magento\Framework\App\View\Asset\MaterializationStrategy\Symlink > replace it with Magento\Framework\App\View\Asset\MaterializationStrategy\Copy
  • Go to var/cache, delete all folders/ files.
  • Refresh the page, and you get the problem addressed.

#2. What do we do in case CSS does not load, and there is only text from the website after Magento 2.2.2 installation?

Magento wants access to a dynamic folder “/pub/static/Version1513859926”, which you did not create before. So you need to create a folder Version1513…and then, Magento will load the CSS file. 

It is a dynamic folder. You can edit this option in config Stores > Configuration > Advanced > Developer > Sign Static Files (dev_static_sign) > No. Now your site loads CSS from “/pub/static/adminhtml”.

#3. What do we do in case of the error “too many redirects”?

* Problem: After setting up and installing the Magento, I went to the admin page, but the error “too many redirects” occurs, leaving the page not working.

* Solution: It may be because of the existing browser cache/cookies that cause the issue. What you need to do is to clear browser cache & cookies, and it should work for you. Let’s see if that works for you!

#4. What do we do if an error turns up when we are running setup:di:compile?

*Problem: When we were running setup:di:compile, an error message turned up:

PHP Fatal error:  Declaration of Temando\Shipping\Model\ResourceModel\Carrier\Collection::fetchData() must be compatible with Temando\Shipping\Model\ResourceModel\Webservice\Collection::fetchData(Magento\Framework\Api\SearchCriteriaInterface $criteria) in /var/www/vhosts/XXX/htdocs/vendor/temando/module-shipping-m2/Model/ResourceModel/Carrier/Collection.php on line 22

*Solution: There are two ways to tackle the problems. Try one by one and see which one is better for your case.

  • Solution 1: The error can generally be resolved by disabling the module!
  • Solution 2: Run the command rm -rf vendor/*

#5. What do we do if an error occurs during Magento 2 Themes Installation (66% finished)?

It is because of the execution timeout issue. You need to do the below configuration in the php.ini file. In your php.ini file, the configuration should be like below: 

max_execution_time = 18000 

max_input_time = 18000 

memory_limit = 1024M

Then, your issue will be adequately addressed.

Conclusion

>> Want to know how to change Magento 2 theme in a few seconds? Have a look!

There are many things involved in the success of every e-commerce store, but a great theme is one of the most prominent ones.

If you know how to install Magento theme well, your online project is more likely to take off.

I believe that after following this simple guide, you should be able to setup Magento 2 themes on your own.

Thank you for your time, and I wish you a successful installation.

About Brett Williams

I have 3 years of experience working on creating content for Magento & eCommerce. Personally, I love traveling, mountain climbing, jogging, and other physical activities. And well, I always wear sunglasses, even at night. Feel free to comment & I'll reply to you the best I could.
Previous Best 3 Magento Healthcare Theme For Your Medical Service
Next Top 5 Magento 2 eBay Theme Options You Mustn’t Miss

Check Also

magento-2-template-block-01

A Clear & Simple Guide on How to Set Template in Block in Magento 2

A clear tutorial on Magento 2 set template in the block is on the way right …

One comment

  1. I
    Ismael Gutierrez

    Awesome article, wish I had found it sooner.

Leave a Reply

Your email address will not be published. Required fields are marked *