{"id":295,"date":"2019-01-21T11:33:32","date_gmt":"2019-01-21T11:33:32","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2019\/01\/21\/install-a-theme-in-magento-2\/"},"modified":"2025-09-19T14:49:54","modified_gmt":"2025-09-19T09:19:54","slug":"install-a-theme-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/install-a-theme-in-magento-2\/","title":{"rendered":"How to Install a Theme in Magento 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">A theme in Magento 2 provides a consistent look and feel in the store frontend or the admin area, with the help of custom templates, layouts, styles or images. Nowadays, people tend to judge a book by its cover and thus, a beautiful design and theme play an important role in site recognition. The Magento 2 themes are well known to provide better customer experience and interactive platform! Hence they are a must-have in your store infrastructure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before diving into the method to&nbsp;<em><strong>install a theme in Magento 2<\/strong><\/em>, take a look at the advantages of themes and how to choose the perfect one for your E-commerce business! A banner is displayed in the frontend is not designed keeping in mind any custom theme designs. The solution to this issue is to&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/override-extension-file-in-theme-in-magento-2\/\">override extension file in theme in Magento 2<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Advantages of a theme in Magento 2:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The responsiveness characteristic makes it possible to offer the same environment to every user, regardless of the operative platform.<\/li>\n\n\n\n<li>The responsive themes provide a scalable platform, i.e., adding new features and functions to already built theme is easier.<\/li>\n\n\n\n<li>Improved security features with the Magento 2 themes.<\/li>\n\n\n\n<li>The responsiveness nature is appreciated by Google and other search engines, giving you the SEO benefit!<\/li>\n\n\n\n<li>Improved user experience, of course!<\/li>\n\n\n\n<li>Easy installation process (We\u2019ll see here how easy it is to install a theme in Magento 2!)<\/li>\n\n\n\n<li>The free Magento themes are compatible with the new versions of Magento and are optimized for all important web browsers.<\/li>\n\n\n\n<li>Absolute uniqueness for your Magento 2 store with custom themes.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Points to keep in mind while choosing the Magento 2 Theme:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A well-built store with elegant visual effect can work wonders. While an ugly theme can increase the bounce rate. Hence, focussing on the appearance, select a professional looking theme that represents your business.<\/li>\n\n\n\n<li>A robust theme with advantages of SASS, Bootstrap 3, HTML5, and CSS3 makes your store responsive.<\/li>\n\n\n\n<li>User friendliness themes with easy navigations, useful buttons, and neat arrangements are essential for your theme.<\/li>\n\n\n\n<li>It\u00a0<strong>MUST<\/strong>\u00a0be fast-loading and SEO friendly, for e.g.\u00a0<a href=\"https:\/\/meetanshi.com\/hyva-theme-development-service\" target=\"_blank\" rel=\"noreferrer noopener\">Hyv\u00e4 Magento<\/a>.<\/li>\n\n\n\n<li>Select the theme suitable for your business model.<\/li>\n\n\n\n<li>Select a theme that is compatible with multiple browsers to reach more audiences.<\/li>\n\n\n\n<li>A good color blend with your products and services!<\/li>\n\n\n\n<li>With the advanced use of social media, a social media friendly theme is appreciated.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Proceeding to the steps to install a theme in Magento 2, check the below method:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Methods to Install a Theme in Magento 2:<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Install Manually<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When you have a list of files in a zipped folder as a new theme, follow this method.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. <strong>Unzip the theme<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unzip the archive of the theme and spot the two directories:&nbsp;<strong>app<\/strong>&nbsp;and&nbsp;<strong>pub<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. <strong>Upload the files<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to the root directory of your Magento 2 store<\/li>\n\n\n\n<li>Upload the folders into the root directory.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">3. <strong>Run the commands<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Connect the store via SSH.<\/li>\n\n\n\n<li>Navigate to the root directory<\/li>\n\n\n\n<li>Upgrade the setup with these commands:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>php bin\/magento setup:upgrade \nphp bin\/magento setup:static-content:deploy<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The success of an E-commerce store is achieved by many things and a theme is one of the prominent element.&nbsp;Hopefully, the above tutorial has helped you enough to install a theme in Magento 2!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank You.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. <strong>Login to Admin panel<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to&nbsp;Content &gt; Design &gt; Configuration<\/li>\n\n\n\n<li>Select&nbsp;Edit&nbsp;the store theme.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/1_Design-Configuration-1024x217.png\" alt=\"1_Design-Configuration\" class=\"wp-image-4103\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the desired theme from the dropdown menu and your&nbsp;<strong>Save Configuration<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/2_Applied-Theme-1024x322.png\" alt=\"2_Applied-Theme\" class=\"wp-image-4104\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. Install via Composer<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When you have a theme as a composer package, follow this method.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Purchase a theme from&nbsp;Magento Marketplace.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Achieve the Composer name of the theme;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Navigate to the root directory and enter the below command:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>composer require &lt;vendor&gt;\/&lt;name&gt;:&lt;version&gt;;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">4. Wait till dependencies are updated;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. Run the below commands:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>git add -A &amp;&amp; git commit -m \"Add theme\"&nbsp;git push origin &lt;branch name&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">To verify that the theme is registered, follow the below steps:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Login to Admin Panel and reload any of the backend pages after the theme is installed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Navigate to&nbsp;<strong>Content&gt;Design&gt;Themes<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Check if the theme is displayed on the right panel in the list of available themes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The success of an E-commerce store is achieved by many things and a theme is one of the prominent element.&nbsp;Hopefully, the above tutorial has helped you enough to install a theme in Magento 2!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank You.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A theme in Magento 2 provides a consistent look and feel in the store frontend or the admin area, with the help of custom templates,&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34,5869],"tags":[],"class_list":["post-295","post","type-post","status-publish","format-standard","hentry","category-magento","category-hyva-themes"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=295"}],"version-history":[{"count":4,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/295\/revisions"}],"predecessor-version":[{"id":22214,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/295\/revisions\/22214"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}