Magento 1.x Security Patch Notice
For Magento Open Source 1.5 to 1.9, Magento is providing software security patches through June 2020 to ensure those sites remain secure and compliant. Visit our information page for more details about our software maintenance policy and other considerations for your business.
Installing a New Theme
When you first install Magento, the design elements of the store are based on the “Default” Theme. You can modify the theme, add themes created by others, or create new ones. To learn more, see the Designer’s Guide to Magento.
Magento Connect contains hundreds of extensions, which are add-ons to Magento that can extend the functionality or enhance the appearance of your store. The following example shows how to add a mobile theme from Magento Connect.
Magento Connect
To install a new theme:
|
2.
|
In the upper-right corner, click to extend the All Platforms list, and choose Enterprise |
|
3.
|
You can browse through the available themes based on price or popularity, or do a keyword search. For more information, click the thumbnail of any theme. |
|
4.
|
To get the registration key, you must be a registered Magento Open Source owner and be logged into your account. Then, click the Install Now button to get the license key. |
Install Now
|
5.
|
To complete the process, follow the instructions to install an extension from Magento Connect. |
To activate the theme for your store:
|
1.
|
On the Admin menu, select System > Configuration. In the panel on the left under General, select Design. |
|
2.
|
Click to expand the Themes section. Then, do the following: |
|
3.
|
In the Default field, enter the name of the theme. The name of the Magento demo store theme is “mds.” |
|
4.
|
If you want to use an alternate them for different browsers or devices, do the following: |
|
a.
|
Click the Add Exception button. |
The Add Exception button is used to use a different theme for specific browsers. For example, a theme that is optimized for mobile can be used whenever a mobile device is detected.
Add Exception
|
b.
|
In the Matched Expression field, enter the name of the browser or device that triggers the use of the alternate theme. If there are multiple browsers, separate the name of each with a vertical bar. For example, because the mobile theme can be used with multiple devices, you can enter them all in the Match Expression field, as follows: |
-
Android|Blackberry|Googlebot-Mobile|iPhone|iPod|mobi|Palm|Opera Mini|Windows Mobile
|
|
c.
|
In the Value field, enter the name of the theme. In this example, the value is “Mobile.” |
|
5.
|
Click the Save Config button on the top right of the page. |
|
6.
|
Test the new theme from your store. If you installed an exception for different browsers, view the store with each browser or device. |
If the new theme uses a different page layout than your current home page, you might need to change its page layout setting to match the theme.
