Home » Magento Themes » How to change Magento theme

How to change Magento theme

How to change magento theme for your store? In order to change Magento theme, first, you need to find a new theme and download it. You can download new themes from many sources:

How to change Magento theme from Magentoconnect?

Once you pick a theme and open its details page, click Install Now, select the Magento Connect version (if you are using Magento 1.5 or newer, you need to select version 2.0, otherwise leave the default 1.0), agree to the extension license agreement and click on the Get Extension Key button.

how to change magento theme 1

The extension key will be visualised. Select and copy it.

Open the Magento Admin Area->System->Magento Connect->Magento Connect Manager. Enter again the admin login details and paste the extension key in the Paste extension key to install field. Click on the Install button.

how to change magento theme 2

Once the installation is completed return to the Magento Admin Area and open System->Configuration->Design->Themes.

Enter the theme name in the Default field and click on the Save Config button.

how to change magento theme 3

The front page might not load correctly. The reason could be the number of the columns in the new theme’s home page layout.

You can fix this through the Magento Admin Area->CMS->Pages. You will find two home pages. One is with 2 columns layout and the other is with one. Disable the first one and enable the second by clicking on their status links.

how to change magento theme 4

Now the front page will appear correctly with the new theme.

how to change magento theme 5

How to change Magento theme you downloaded from other sources?

Step 1: Uploading your theme

After downloading magento theme as a .zip file, just unzip your theme, you’ll want to upload it to your web hosting provider. Being the great decision-maker that you are, you’ve chosen one of the best shopping cart scripts on the market, and have also probably chosen Nexcess’ secured and optimized Magento hosting environment for your site. Fortunately, however, the following will be the same no matter who your web host is. Depending upon the Theme you choose you will see at least 2 folders.

/app
/skin

Note: Some themes include a /js folder as well.

Connect to your web host via FTP, and upload them to the root of your website.

2. Activate your Theme

Now, login to your Magento admin panel and choose System -> Configuration from the drop-down menu at the top of the page. On the left menu click on “Design”. Click on the “Themes” header to expand the section.

You will see 5 fields:

  • Translations
  • Templates
  • Skin (Images / CSS)
  • Layout
  • Default

These fields are where you will add your theme name. The first field “Translations”, is usually kept blank unless you are using an alternate language.

Lets say we downloaded a style named Blue, enter “blue” into the Templates, Skin, Layout, and Default fields and click Save Config. The name of the theme and the name you are entering in to each field will differ depending upon the theme you choose. Some themes will come with multiple colors so the fields may not all be the same name.

Now, go to the main page of your storefront, and admire your new theme!

About Brian Wilson

avatar
Brian is a freelance Magento developer with 5 years of experience with customizing Magento extensions, magento themes. He's interested in sharing Magento Tutorials to the community

One comment

  1. avatar

    Thank you for this helpful tutorial, I’ve got a beautiful theme at magentodownload.net and successfully change my site’s apprearance

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Scroll To Top
web analytics