{"id":358,"date":"2020-10-29T12:52:22","date_gmt":"2020-10-29T12:52:22","guid":{"rendered":"https:\/\/ccbill.com\/kb\/?p=358"},"modified":"2023-03-07T11:43:50","modified_gmt":"2023-03-07T11:43:50","slug":"magento-install-new-theme","status":"publish","type":"post","link":"https:\/\/ccbill.com\/kb\/magento-install-new-theme","title":{"rendered":"How to Install a New Magento Theme"},"content":{"rendered":"<p class=\"h3\">Introduction<\/p>\n\n\n<p>Online retail is fiercely competitive. Your ability to stand out and provide an exceptional customer experience is vital for increasing sales volumes and revenue. <\/p>\n\n\n\n<p>Magento themes allow you to establish a unique visual identity and structure your storefront to maximize conversion rates. There are several ways to implement Magento themes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can build a custom theme from the ground up.<\/li>\n\n\n\n<li>By using PHP Composer to retrieve theme packages.<\/li>\n\n\n\n<li>Install a fully optimized third-party theme.<\/li>\n<\/ul>\n\n\n\n<p>This tutorial will focus on the last method. By following only 5 quick steps, you will learn <strong>how to download and install a new Magento Theme.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"800\" height=\"400\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme.png\" alt=\"Magento logo with store items.\" class=\"wp-image-359\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme-300x150.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme-768x384.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">Prerequisites<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A working <a rel=\"noreferrer noopener\" href=\"https:\/\/ccbill.com\/kb\/how-to-install-magento-in-linux\" target=\"_blank\">Magento 2 Installation<\/a>.<\/li>\n\n\n\n<li>An FTP Client (WinSCP, FileZilla...)<\/li>\n\n\n\n<li>Access to a command line on your Magento server.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-background has-vivid-cyan-blue-background-color has-vivid-cyan-blue-color is-style-wide\"\/>\n\n\n\n<p><strong>Note:<\/strong> If you need a quick and easy tutorial on FTP, check out our tutorial <a href=\"https:\/\/ccbill.com\/kb\/magento-ftp\" target=\"_blank\" rel=\"noreferrer noopener\">How To Set Up a Magento FTP Connection.<\/a> <\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-background has-vivid-cyan-blue-background-color has-vivid-cyan-blue-color is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Install a New Theme in Magento<\/h2>\n\n\n\n<p>Magento 2 has a preinstalled store design based on the <em>Default<\/em> theme. If your Magento installation includes the sample data pack, you also have access to the <em>Luma<\/em> theme. In addition, Magento allows you to modify the existing themes, create a new theme, or apply a theme designed by professionals.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-vivid-cyan-blue-color has-css-opacity has-vivid-cyan-blue-background-color has-background is-style-wide\"\/>\n\n\n\n<p><strong>Note:<\/strong> Find out how to create or modify a theme by visiting the <a href=\"https:\/\/devdocs.magento.com\/guides\/v2.4\/frontend-dev-guide\/bk-frontend-dev-guide.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento Frontend Developer Guide<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-vivid-cyan-blue-color has-css-opacity has-vivid-cyan-blue-background-color has-background is-style-wide\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Choosing a Magento Theme<\/h3>\n\n\n\n<p>Thanks to a thriving developer community, there is a broad selection of Magento themes to bolster your store's look and feel.<\/p>\n\n\n\n<p>Explore the themes on offer, preview their frontend and admin dashboards, compare prices and features, and select the ideal solution for your store. It may be costly to flip-flop on storefront design repeatedly. <\/p>\n\n\n\n<p>Choose a theme relevant to your business model. Good themes are designed for specific use cases in mind and can provide cross-functionality with extensions that are just right for your store.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"800\" height=\"409\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/storefront-magetno-theme-install.png\" alt=\"List of important Magento theme features.\" class=\"wp-image-360\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/storefront-magetno-theme-install.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/storefront-magetno-theme-install-300x153.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/storefront-magetno-theme-install-768x393.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p>A theme can give you a competitive edge if it supports recent technological advancements. Your theme should include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The latest networking frameworks.<\/li>\n\n\n\n<li>Support for security features.<\/li>\n\n\n\n<li>Responsiveness for different devices.<\/li>\n\n\n\n<li>Browser cross-functionality.<\/li>\n\n\n\n<li>SEO tools and social media extensions (a must-have).<\/li>\n<\/ul>\n\n\n\n<p>You can purchase and download themes directly from the <a href=\"https:\/\/marketplace.magento.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Magento Marketplace<\/a> app store or use themes and templates from third-party sources and platforms like <a href=\"https:\/\/themeforest.net\" target=\"_blank\" rel=\"noreferrer noopener\">ThemeForest<\/a>. Some of the more popular themes include:<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th class=\"has-text-align-center\" data-align=\"center\">Theme Name<\/th><th class=\"has-text-align-center\" data-align=\"center\">Store Type<\/th><th class=\"has-text-align-center\" data-align=\"center\">Main Feature<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Porto<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\">Multi-purpose<\/td><td class=\"has-text-align-center\" data-align=\"center\">First-rate coding quality and free extensions.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Ultimo<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\">Fashion, accessories, smartphones, etc.<\/td><td class=\"has-text-align-center\" data-align=\"center\">Highly customizable and optimized for all screen resolutions.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Claue<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\">Jewelry, fashion, and furniture shops.<\/td><td class=\"has-text-align-center\" data-align=\"center\">Minimalist design with the option to integrate with <a href=\"https:\/\/ccbill.com\/blog\/instagram-ecommerce\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram shops<\/a>.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Market<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\">Large multi-category store.<\/td><td class=\"has-text-align-center\" data-align=\"center\">A mobile specific layout offering a one-page checkout.<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Destino<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\">Hi-tech and digital products.<\/td><td class=\"has-text-align-center\" data-align=\"center\">You can customize one layout for mobile devices and a separate layout for desktop devices.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Extensively research and choose the storefront theme you want to install. When you are ready, purchase and download the theme package to your local device.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Upload Theme to Magento Server<\/h3>\n\n\n\n<p>Once you download your new Magento theme:<\/p>\n\n\n\n<p>1. Unpack the content of the compressed theme folder. <\/p>\n\n\n\n<p>2. Launch an FTP Client, such as WinSCP or FileZilla, and navigate to the unzipped theme folder on your local device. Theme packages usually contain themes for multiple Magento versions. Select the version that corresponds to your <a href=\"https:\/\/ccbill.com\/kb\/update-magento-to-latest-version\" target=\"_blank\" rel=\"noreferrer noopener\">Magento store version<\/a>. <\/p>\n\n\n\n<p>In this example, the selected folder contains files for the <strong>Magento 2.3.x<\/strong> version.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"800\" height=\"421\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/select-theme-version-magento.png\" alt=\"Select the correct theme version.\" class=\"wp-image-363\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/select-theme-version-magento.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/select-theme-version-magento-300x158.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/select-theme-version-magento-768x404.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>3. Locate the <strong>app<\/strong> and <strong>pub<\/strong> folders within the theme folder.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"800\" height=\"453\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/app-pub-folder-theme-magento.png\" alt=\"Location of the theme's app and pub folders.\" class=\"wp-image-361\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/app-pub-folder-theme-magento.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/app-pub-folder-theme-magento-300x170.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/app-pub-folder-theme-magento-768x435.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p>4. Use the FTP Client to establish a remote connection to your Magento server. <\/p>\n\n\n\n<p>5. Upload the <strong>app<\/strong> and <strong>pub<\/strong> folders to the Magento root folder.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-vivid-cyan-blue-color has-css-opacity has-vivid-cyan-blue-background-color has-background is-style-wide\"\/>\n\n\n\n<p><strong>Note:<\/strong> Drag the folders over the files in the Magento root folder. This way, you avoid copying the theme into existing folders by mistake.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-vivid-cyan-blue-color has-css-opacity has-vivid-cyan-blue-background-color has-background is-style-wide\"\/>\n\n\n\n<p>If you see a message that the directories already exist, you can confirm that you want to merge them. This action adds the theme to Magento and does not overwrite core Magento files.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"800\" height=\"409\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/upload-app-pub-magento-theme-server.png\" alt=\"Instructions to upload app and pub folders to Magento server.\" class=\"wp-image-364\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/upload-app-pub-magento-theme-server.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/upload-app-pub-magento-theme-server-300x153.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/upload-app-pub-magento-theme-server-768x393.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p>Depending on the theme's size, the uploading of the package can take several minutes to complete.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Upgrade Magento from the Command Line<\/h3>\n\n\n\n<p>To enable and activate the modules you uploaded:<\/p>\n\n\n\n<p>1. Establish a secure remote connection to your Magento server. <\/p>\n\n\n\n<p>2. Use the command-line interface to navigate to your Magento root directory.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-vivid-cyan-blue-color has-css-opacity has-vivid-cyan-blue-background-color has-background is-style-wide\"\/>\n\n\n\n<p><strong>Note:<\/strong> Always consult theme user guides during the installation process as the commands can be different for some themes.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-vivid-cyan-blue-color has-css-opacity has-vivid-cyan-blue-background-color has-background is-style-wide\"\/>\n\n\n\n<p>3. Enter the following command to run the Magento upgrade scripts:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>bin\/magento setup:upgrade<\/code><\/pre>\n\n\n\n<p>4. Generate static frontend files for the new Magento theme:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>bin\/magento setup:static-content:deploy -f<\/code><\/pre>\n\n\n\n<p>The modules you uploaded are now enabled and activated. <\/p>\n\n\n\n<p>5. Check the current Magento mode:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>bin\/magento deploy:mode:show<\/code><\/pre>\n\n\n\n<p>The output shows that the application mode is set to default.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/magento-mode-default.png\" alt=\"The command that show the current Magento mode.\" class=\"wp-image-366\" width=\"580\" height=\"45\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/magento-mode-default.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/magento-mode-default-300x24.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/magento-mode-default-768x60.png 768w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/figure><\/div>\n\n\n<p>6. Switch to the Developer mode to track and debug potential errors:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>bin\/magento deploy:mode:set developer<\/code><\/pre>\n\n\n\n<p>Be sure to <strong>revert to the Production mode<\/strong> once your website is ready to go live.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Update Theme in Admin Panel<\/h3>\n\n\n\n<p>To update your Magento theme:<\/p>\n\n\n\n<p>1. Access the Magento Admin Panel.<\/p>\n\n\n\n<p>2. Select the <strong>Content<\/strong> tab on the Admin sidebar. <\/p>\n\n\n\n<p>3. Click the <strong>Configuration<\/strong> option under the Design heading.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"800\" height=\"611\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/content-configuration-magento-admin.png\" alt=\"Configure new theme in Magento Admin.\" class=\"wp-image-367\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/content-configuration-magento-admin.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/content-configuration-magento-admin-300x229.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/content-configuration-magento-admin-768x587.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p>4. Click the <strong>Edit<\/strong> option for the configuration record that corresponds to your store view. It is located in the Action column.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"793\" height=\"365\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/edit-magento-design-configuration.png\" alt=\"The location of the theme edit tab in the Magento admin.\" class=\"wp-image-368\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/edit-magento-design-configuration.png 793w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/edit-magento-design-configuration-300x138.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/edit-magento-design-configuration-768x353.png 768w\" sizes=\"(max-width: 793px) 100vw, 793px\" \/><\/figure>\n\n\n\n<p>5. Open the <strong>Applied Theme<\/strong> drop-down menu and select the theme you uploaded.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"800\" height=\"384\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/add-save-theme-configuration-magento.png\" alt=\"Select the theme that needs to be applied.\" class=\"wp-image-369\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/add-save-theme-configuration-magento.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/add-save-theme-configuration-magento-300x144.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/add-save-theme-configuration-magento-768x369.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>6. Click the <strong>Save Configuration<\/strong> tab to apply the new configuration.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"800\" height=\"259\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/design-configuration-save-magento-theme.png\" alt=\"Confirmation that the new theme has been applied.\" class=\"wp-image-370\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/design-configuration-save-magento-theme.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/design-configuration-save-magento-theme-300x97.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/design-configuration-save-magento-theme-768x249.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>The system displays the confirmation message.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Flush Magento Cache<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>To see the newly installed theme, you need to flush the Magento cache: <\/p>\n\n\n\n<p>1. Navigate to the <strong>System<\/strong> tab and select the <strong>Cache Management<\/strong> option.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"800\" height=\"587\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/flush-magento-cache-management.png\" alt=\"Path to flush Magento cache.\" class=\"wp-image-372\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/flush-magento-cache-management.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/flush-magento-cache-management-300x220.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/flush-magento-cache-management-768x564.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p>2. Click the <strong>Flush Magento Cache<\/strong> tab.<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"800\" height=\"341\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/flush-cache-management-magento.png\" alt=\"Location of tab that flushes the Magento cache.\" class=\"wp-image-373\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/flush-cache-management-magento.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/flush-cache-management-magento-300x128.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/flush-cache-management-magento-768x327.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p>3. <strong>(Optional)<\/strong> Once Magento confirms that the cache was successfully flushed, you can disable the <em>Configuration<\/em>, <em>Layout<\/em>, and <em>Page Cache<\/em> types. This disables messages telling you to flush the cache anytime you make changes while setting up your storefront.<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"800\" height=\"394\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/disable-caching-rules.png\" alt=\"DIsable optional Magento caching rules.\" class=\"wp-image-375\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/disable-caching-rules.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/disable-caching-rules-300x148.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/disable-caching-rules-768x378.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p>4. Reload your storefront URL to apply the new theme.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"800\" height=\"436\" src=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/magento-storefront-new-theme.png\" alt=\"Magento storefront theme.\" class=\"wp-image-376\" srcset=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/magento-storefront-new-theme.png 800w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/magento-storefront-new-theme-300x164.png 300w, https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/magento-storefront-new-theme-768x419.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p>Continue to tweak and customize the theme you installed and try to create a captivating online shopping environment.<\/p>\n\n\n<p class=\"h3\">Conclusion<\/p>\n\n\n<p>You have successfully installed a new Magento theme. Using popular and professionally designed themes will help you develop a thriving business. After installing a new theme, our suggestion is to also learn how to <a href=\"https:\/\/ccbill.com\/kb\/magento-add-payment-method\" target=\"_blank\" rel=\"noreferrer noopener\">add a payment method to Magento<\/a>.<\/p>\n\n\n\n<p>Moreover, by refashioning run-of-the-mill layouts and images, you gain a significant advantage over your competitors.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This guide contains clear-cut instructions on how to install a Magento theme. It also features short overview of the most popular themes.<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-358","post","type-post","status-publish","format-standard","hentry","category-e-commerce"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Install a New Magento Theme {5 Easy Steps} | CCBill KB<\/title>\n<meta name=\"description\" content=\"Find out how to pick and install an ideal Magento theme for your storefront. Improve conversion rates by following these 5 quick steps.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ccbill.com\/kb\/magento-install-new-theme\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Install a New Magento Theme {5 Easy Steps} | CCBill KB\" \/>\n<meta property=\"og:description\" content=\"Find out how to pick and install an ideal Magento theme for your storefront. Improve conversion rates by following these 5 quick steps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ccbill.com\/kb\/magento-install-new-theme\" \/>\n<meta property=\"og:site_name\" content=\"CCBill Knowledge Base\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ccbillBIZ\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-29T12:52:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-07T11:43:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme.png\" \/>\n<meta name=\"author\" content=\"Vladimir Kaplarevic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CCBillBIZ\" \/>\n<meta name=\"twitter:site\" content=\"@CCBillBIZ\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vladimir Kaplarevic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ccbill.com\/kb\/magento-install-new-theme#article\",\"isPartOf\":{\"@id\":\"https:\/\/ccbill.com\/kb\/magento-install-new-theme\"},\"author\":{\"name\":\"Vladimir Kaplarevic\",\"@id\":\"https:\/\/ccbill.com\/kb\/#\/schema\/person\/1f198b1218f6343a2682022ac4395644\"},\"headline\":\"How to Install a New Magento Theme\",\"datePublished\":\"2020-10-29T12:52:22+00:00\",\"dateModified\":\"2023-03-07T11:43:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ccbill.com\/kb\/magento-install-new-theme\"},\"wordCount\":1026,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ccbill.com\/kb\/#organization\"},\"image\":{\"@id\":\"https:\/\/ccbill.com\/kb\/magento-install-new-theme#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme.png\",\"articleSection\":[\"eCommerce Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ccbill.com\/kb\/magento-install-new-theme#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ccbill.com\/kb\/magento-install-new-theme\",\"url\":\"https:\/\/ccbill.com\/kb\/magento-install-new-theme\",\"name\":\"How to Install a New Magento Theme {5 Easy Steps} | CCBill KB\",\"isPartOf\":{\"@id\":\"https:\/\/ccbill.com\/kb\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ccbill.com\/kb\/magento-install-new-theme#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ccbill.com\/kb\/magento-install-new-theme#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme.png\",\"datePublished\":\"2020-10-29T12:52:22+00:00\",\"dateModified\":\"2023-03-07T11:43:50+00:00\",\"description\":\"Find out how to pick and install an ideal Magento theme for your storefront. Improve conversion rates by following these 5 quick steps.\",\"breadcrumb\":{\"@id\":\"https:\/\/ccbill.com\/kb\/magento-install-new-theme#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ccbill.com\/kb\/magento-install-new-theme\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ccbill.com\/kb\/magento-install-new-theme#primaryimage\",\"url\":\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme.png\",\"contentUrl\":\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme.png\",\"width\":800,\"height\":400,\"caption\":\"Magento logo with store items.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ccbill.com\/kb\/magento-install-new-theme#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"KB Home\",\"item\":\"https:\/\/ccbill.com\/kb\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"eCommerce Tutorials\",\"item\":\"https:\/\/ccbill.com\/kb\/category\/e-commerce\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Install a New Magento Theme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ccbill.com\/kb\/#website\",\"url\":\"https:\/\/ccbill.com\/kb\/\",\"name\":\"CCBill Knowledge Base\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/ccbill.com\/kb\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ccbill.com\/kb\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ccbill.com\/kb\/#organization\",\"name\":\"CCBill\",\"url\":\"https:\/\/ccbill.com\/kb\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ccbill.com\/kb\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/ccbill-logo.png\",\"contentUrl\":\"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/ccbill-logo.png\",\"width\":160,\"height\":70,\"caption\":\"CCBill\"},\"image\":{\"@id\":\"https:\/\/ccbill.com\/kb\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/ccbillBIZ\/\",\"https:\/\/x.com\/CCBillBIZ\",\"https:\/\/www.linkedin.com\/company\/ccbill\",\"https:\/\/www.youtube.com\/c\/CCBillBiz\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ccbill.com\/kb\/#\/schema\/person\/1f198b1218f6343a2682022ac4395644\",\"name\":\"Vladimir Kaplarevic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ccbill.com\/kb\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cc08885e8fec32585bae8a0f5a1aef92f8c8c4fc33692e74e0ec2e63633d2478?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cc08885e8fec32585bae8a0f5a1aef92f8c8c4fc33692e74e0ec2e63633d2478?s=96&d=mm&r=g\",\"caption\":\"Vladimir Kaplarevic\"},\"description\":\"Vladimir is a resident Tech Writer at CCBill. He has more than 8 years of experience in implementing e-commerce and online payment solutions with various global IT services providers. His engaging writing style provides practical advice and aims to spark curiosity for innovative technologies.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Install a New Magento Theme {5 Easy Steps} | CCBill KB","description":"Find out how to pick and install an ideal Magento theme for your storefront. Improve conversion rates by following these 5 quick steps.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ccbill.com\/kb\/magento-install-new-theme","og_locale":"en_US","og_type":"article","og_title":"How to Install a New Magento Theme {5 Easy Steps} | CCBill KB","og_description":"Find out how to pick and install an ideal Magento theme for your storefront. Improve conversion rates by following these 5 quick steps.","og_url":"https:\/\/ccbill.com\/kb\/magento-install-new-theme","og_site_name":"CCBill Knowledge Base","article_publisher":"https:\/\/www.facebook.com\/ccbillBIZ\/","article_published_time":"2020-10-29T12:52:22+00:00","article_modified_time":"2023-03-07T11:43:50+00:00","og_image":[{"url":"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme.png","type":"","width":"","height":""}],"author":"Vladimir Kaplarevic","twitter_card":"summary_large_image","twitter_creator":"@CCBillBIZ","twitter_site":"@CCBillBIZ","twitter_misc":{"Written by":"Vladimir Kaplarevic","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ccbill.com\/kb\/magento-install-new-theme#article","isPartOf":{"@id":"https:\/\/ccbill.com\/kb\/magento-install-new-theme"},"author":{"name":"Vladimir Kaplarevic","@id":"https:\/\/ccbill.com\/kb\/#\/schema\/person\/1f198b1218f6343a2682022ac4395644"},"headline":"How to Install a New Magento Theme","datePublished":"2020-10-29T12:52:22+00:00","dateModified":"2023-03-07T11:43:50+00:00","mainEntityOfPage":{"@id":"https:\/\/ccbill.com\/kb\/magento-install-new-theme"},"wordCount":1026,"commentCount":0,"publisher":{"@id":"https:\/\/ccbill.com\/kb\/#organization"},"image":{"@id":"https:\/\/ccbill.com\/kb\/magento-install-new-theme#primaryimage"},"thumbnailUrl":"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme.png","articleSection":["eCommerce Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ccbill.com\/kb\/magento-install-new-theme#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ccbill.com\/kb\/magento-install-new-theme","url":"https:\/\/ccbill.com\/kb\/magento-install-new-theme","name":"How to Install a New Magento Theme {5 Easy Steps} | CCBill KB","isPartOf":{"@id":"https:\/\/ccbill.com\/kb\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ccbill.com\/kb\/magento-install-new-theme#primaryimage"},"image":{"@id":"https:\/\/ccbill.com\/kb\/magento-install-new-theme#primaryimage"},"thumbnailUrl":"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme.png","datePublished":"2020-10-29T12:52:22+00:00","dateModified":"2023-03-07T11:43:50+00:00","description":"Find out how to pick and install an ideal Magento theme for your storefront. Improve conversion rates by following these 5 quick steps.","breadcrumb":{"@id":"https:\/\/ccbill.com\/kb\/magento-install-new-theme#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ccbill.com\/kb\/magento-install-new-theme"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ccbill.com\/kb\/magento-install-new-theme#primaryimage","url":"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme.png","contentUrl":"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/how-to-install-a-new-magento-theme.png","width":800,"height":400,"caption":"Magento logo with store items."},{"@type":"BreadcrumbList","@id":"https:\/\/ccbill.com\/kb\/magento-install-new-theme#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"KB Home","item":"https:\/\/ccbill.com\/kb\/"},{"@type":"ListItem","position":2,"name":"eCommerce Tutorials","item":"https:\/\/ccbill.com\/kb\/category\/e-commerce"},{"@type":"ListItem","position":3,"name":"How to Install a New Magento Theme"}]},{"@type":"WebSite","@id":"https:\/\/ccbill.com\/kb\/#website","url":"https:\/\/ccbill.com\/kb\/","name":"CCBill Knowledge Base","description":"","publisher":{"@id":"https:\/\/ccbill.com\/kb\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ccbill.com\/kb\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ccbill.com\/kb\/#organization","name":"CCBill","url":"https:\/\/ccbill.com\/kb\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ccbill.com\/kb\/#\/schema\/logo\/image\/","url":"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/ccbill-logo.png","contentUrl":"https:\/\/ccbill.com\/kb\/wp-content\/uploads\/2020\/10\/ccbill-logo.png","width":160,"height":70,"caption":"CCBill"},"image":{"@id":"https:\/\/ccbill.com\/kb\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ccbillBIZ\/","https:\/\/x.com\/CCBillBIZ","https:\/\/www.linkedin.com\/company\/ccbill","https:\/\/www.youtube.com\/c\/CCBillBiz"]},{"@type":"Person","@id":"https:\/\/ccbill.com\/kb\/#\/schema\/person\/1f198b1218f6343a2682022ac4395644","name":"Vladimir Kaplarevic","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ccbill.com\/kb\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cc08885e8fec32585bae8a0f5a1aef92f8c8c4fc33692e74e0ec2e63633d2478?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cc08885e8fec32585bae8a0f5a1aef92f8c8c4fc33692e74e0ec2e63633d2478?s=96&d=mm&r=g","caption":"Vladimir Kaplarevic"},"description":"Vladimir is a resident Tech Writer at CCBill. He has more than 8 years of experience in implementing e-commerce and online payment solutions with various global IT services providers. His engaging writing style provides practical advice and aims to spark curiosity for innovative technologies."}]}},"_links":{"self":[{"href":"https:\/\/ccbill.com\/kb\/wp-json\/wp\/v2\/posts\/358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccbill.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ccbill.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ccbill.com\/kb\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ccbill.com\/kb\/wp-json\/wp\/v2\/comments?post=358"}],"version-history":[{"count":26,"href":"https:\/\/ccbill.com\/kb\/wp-json\/wp\/v2\/posts\/358\/revisions"}],"predecessor-version":[{"id":4862,"href":"https:\/\/ccbill.com\/kb\/wp-json\/wp\/v2\/posts\/358\/revisions\/4862"}],"wp:attachment":[{"href":"https:\/\/ccbill.com\/kb\/wp-json\/wp\/v2\/media?parent=358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ccbill.com\/kb\/wp-json\/wp\/v2\/categories?post=358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ccbill.com\/kb\/wp-json\/wp\/v2\/tags?post=358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}