SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Steps to Install a Magento Theme
Introduction
While you may have worked with WordPress or other CMS in the past but you need to
understand that Magento is a bit different from such single template themes. To put things
into perspective the layout of a Magento powered online store depends on four elements
i.e.
● Layout – Present is (app/design/frontend/your_interface/new_theme/layout/)
● Templates – Present in (app/design/frontend/your_interface/new_theme/template/)
● Skins – Present in (skin/frontend/your_interface/new_theme/)
● Locale – Present in (app/design/frontend/your_interface/new_theme/locale/)
If you are about to set up an online store, we shall share with you easy steps on how to
install a Magento theme. Once you have installed it, you would find hundreds of options to
customize your online store.
Choose a Theme
● Before you get started with installing the theme, you would need to choose one. You
have two options, choose a Magento theme for free or buy a premium theme.
● While free themes are good enough to launch your online store, premium themes
have better designs, customization options and most importantly come with the
promise of technical support.
Unzip The Theme
● Themes when downloaded come in zipped format and hence you would need to
unzip it using WinRAR, WinZip or any other tool in Linux which you may be
comfortable with.
Copying App Folder
● In the next stage you have to copy app folder of your new theme under
○ Your_Magento_Installation/app/design/frontend/default/
(This will turn it into something like )
○ Your_Magento_Installation/app/design/frontend/default/new_theme
Copying Skin Folder
● The next step is also quite similar and here you would need to copy the entire skin
folder for your new theme
○ Your_Magento_Installation /skin/frontend/default/
(This will turn it into something like )
○ Your_Magento_Installation/ skin/frontend/default/new_theme
Login To Magento Store
● With the above steps you would have added the newly downloaded theme to your
Magento store.
● In this step you will have to login to your Magento store admin, using your Magento
account and choose the theme that would be used as the layout.
Test Magento Theme
● There are some occasions when Magento Cache doesn’t offer you a preview of the
changes and in such cases you need to do it manually.
● In order to test the new theme disables cache for the time being.
● You can do this by going to System>Cache Management and select ‘Disable’ then
click ‘Save Cache’. Follow this up by choosing the ‘Enable’ option.
Design Option
● In the next step go to System>Configuration and select the Design Tab. Here you
will have to type a new name for your new theme that has been copied to your
Magento installation in front of skin (Images/CSS) input box.
● Once done you need to click on ‘Save Config’.
● The next three stages in your Magento Installation process are optional and you can
try these out if you want to
Install Widgets
● If your Magento theme has come with widgets, you would have to install them. To
install Magento theme widgets you need to go to CMS>Static Blocks and here click
on ‘Add New Block’.
● Different widgets have different installation process and you need to follow your
widget installation instructions carefully to add the new widget block and activate it.
● Select ‘Enabled’ and click ‘Save Block’ after which select ‘Custom Design’ Tab and
in the layout select ‘Homepage’ or else the widget won’t show up on your
homepage.
Display Items On Home Page
● By default your home page is a CMS block and won’t display any items by itself. To
display items on the homepage you would have to provide custom code in there.
● To do so you need to go to CMS> Manage Pages and select the ‘Home page’ and
in the content box type the home page content code that has come with your new
theme.
● You would have the option of changing this content anytime you want.
Customise Store
● You are done with installing the Magento theme and you can now test it by opening
the store in the browser and the new theme would be shown.
● Now you have unlimited ways of customizing your store to meet the niche needs of
your business.
About Markupbox
Markupbox provides cross browser compatible and responsive theming and conversion
services. Markupbox is an experienced service provider and having features like Non-
Disclosure agreement, dedicated project manager and reasonable pricing. It has worked
with 5600+ satisfied clients from across the globe.

Weitere ähnliche Inhalte

Mehr von MarkupBox

AngularJS vs React JS vs Node JS: Which is Best For Web Development ?
AngularJS vs React JS vs Node JS: Which is Best For Web Development ?AngularJS vs React JS vs Node JS: Which is Best For Web Development ?
AngularJS vs React JS vs Node JS: Which is Best For Web Development ?MarkupBox
 
5 Ways to Optimize Your WordPress Site
5 Ways to Optimize Your WordPress Site5 Ways to Optimize Your WordPress Site
5 Ways to Optimize Your WordPress SiteMarkupBox
 
Top 5 HTML 5 Tools For Web Development
Top 5 HTML 5 Tools For Web Development Top 5 HTML 5 Tools For Web Development
Top 5 HTML 5 Tools For Web Development MarkupBox
 
Why professionals should choose PSD to WordPress
Why professionals should choose PSD to WordPressWhy professionals should choose PSD to WordPress
Why professionals should choose PSD to WordPressMarkupBox
 
Why you need to switch to bootstrap 4.0?
Why you need to switch to bootstrap 4.0?Why you need to switch to bootstrap 4.0?
Why you need to switch to bootstrap 4.0?MarkupBox
 
How to create a website in wordpress
How to create a website in wordpressHow to create a website in wordpress
How to create a website in wordpressMarkupBox
 
Identify a credit note!
Identify a credit note!Identify a credit note!
Identify a credit note!MarkupBox
 
Benefits of using open source software (oss)
Benefits of using open source software (oss)Benefits of using open source software (oss)
Benefits of using open source software (oss)MarkupBox
 
10 tips on ecomm website & usability
10 tips on ecomm website & usability10 tips on ecomm website & usability
10 tips on ecomm website & usabilityMarkupBox
 
All about psd to joomla one should know
All about psd to joomla one should knowAll about psd to joomla one should know
All about psd to joomla one should knowMarkupBox
 

Mehr von MarkupBox (10)

AngularJS vs React JS vs Node JS: Which is Best For Web Development ?
AngularJS vs React JS vs Node JS: Which is Best For Web Development ?AngularJS vs React JS vs Node JS: Which is Best For Web Development ?
AngularJS vs React JS vs Node JS: Which is Best For Web Development ?
 
5 Ways to Optimize Your WordPress Site
5 Ways to Optimize Your WordPress Site5 Ways to Optimize Your WordPress Site
5 Ways to Optimize Your WordPress Site
 
Top 5 HTML 5 Tools For Web Development
Top 5 HTML 5 Tools For Web Development Top 5 HTML 5 Tools For Web Development
Top 5 HTML 5 Tools For Web Development
 
Why professionals should choose PSD to WordPress
Why professionals should choose PSD to WordPressWhy professionals should choose PSD to WordPress
Why professionals should choose PSD to WordPress
 
Why you need to switch to bootstrap 4.0?
Why you need to switch to bootstrap 4.0?Why you need to switch to bootstrap 4.0?
Why you need to switch to bootstrap 4.0?
 
How to create a website in wordpress
How to create a website in wordpressHow to create a website in wordpress
How to create a website in wordpress
 
Identify a credit note!
Identify a credit note!Identify a credit note!
Identify a credit note!
 
Benefits of using open source software (oss)
Benefits of using open source software (oss)Benefits of using open source software (oss)
Benefits of using open source software (oss)
 
10 tips on ecomm website & usability
10 tips on ecomm website & usability10 tips on ecomm website & usability
10 tips on ecomm website & usability
 
All about psd to joomla one should know
All about psd to joomla one should knowAll about psd to joomla one should know
All about psd to joomla one should know
 

Kürzlich hochgeladen

DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024
DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024
DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024APNIC
 
INDIVIDUAL ASSIGNMENT #3 CBG, PRESENTATION.
INDIVIDUAL ASSIGNMENT #3 CBG, PRESENTATION.INDIVIDUAL ASSIGNMENT #3 CBG, PRESENTATION.
INDIVIDUAL ASSIGNMENT #3 CBG, PRESENTATION.CarlotaBedoya1
 
WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)Delhi Call girls
 
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...Delhi Call girls
 
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...Neha Pandey
 
'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...
'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...
'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...APNIC
 
Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.soniya singh
 
Moving Beyond Twitter/X and Facebook - Social Media for local news providers
Moving Beyond Twitter/X and Facebook - Social Media for local news providersMoving Beyond Twitter/X and Facebook - Social Media for local news providers
Moving Beyond Twitter/X and Facebook - Social Media for local news providersDamian Radcliffe
 
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...tanu pandey
 
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779Delhi Call girls
 
Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
How is AI changing journalism? (v. April 2024)
How is AI changing journalism? (v. April 2024)How is AI changing journalism? (v. April 2024)
How is AI changing journalism? (v. April 2024)Damian Radcliffe
 
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Networking in the Penumbra presented by Geoff Huston at NZNOG
Networking in the Penumbra presented by Geoff Huston at NZNOGNetworking in the Penumbra presented by Geoff Huston at NZNOG
Networking in the Penumbra presented by Geoff Huston at NZNOGAPNIC
 
GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark Web
GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark WebGDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark Web
GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark WebJames Anderson
 

Kürzlich hochgeladen (20)

Rohini Sector 6 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 6 Call Girls Delhi 9999965857 @Sabina Saikh No AdvanceRohini Sector 6 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 6 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
 
DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024
DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024
DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024
 
INDIVIDUAL ASSIGNMENT #3 CBG, PRESENTATION.
INDIVIDUAL ASSIGNMENT #3 CBG, PRESENTATION.INDIVIDUAL ASSIGNMENT #3 CBG, PRESENTATION.
INDIVIDUAL ASSIGNMENT #3 CBG, PRESENTATION.
 
(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7
(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7
(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7
 
WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)
 
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
 
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
 
'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...
'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...
'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...
 
Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.
 
Moving Beyond Twitter/X and Facebook - Social Media for local news providers
Moving Beyond Twitter/X and Facebook - Social Media for local news providersMoving Beyond Twitter/X and Facebook - Social Media for local news providers
Moving Beyond Twitter/X and Facebook - Social Media for local news providers
 
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...
 
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
 
Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝
 
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
 
How is AI changing journalism? (v. April 2024)
How is AI changing journalism? (v. April 2024)How is AI changing journalism? (v. April 2024)
How is AI changing journalism? (v. April 2024)
 
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
 
Rohini Sector 22 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 22 Call Girls Delhi 9999965857 @Sabina Saikh No AdvanceRohini Sector 22 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 22 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
 
Networking in the Penumbra presented by Geoff Huston at NZNOG
Networking in the Penumbra presented by Geoff Huston at NZNOGNetworking in the Penumbra presented by Geoff Huston at NZNOG
Networking in the Penumbra presented by Geoff Huston at NZNOG
 
Rohini Sector 26 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 26 Call Girls Delhi 9999965857 @Sabina Saikh No AdvanceRohini Sector 26 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 26 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
 
GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark Web
GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark WebGDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark Web
GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark Web
 

Steps to install a magento theme

  • 1. Steps to Install a Magento Theme
  • 2. Introduction While you may have worked with WordPress or other CMS in the past but you need to understand that Magento is a bit different from such single template themes. To put things into perspective the layout of a Magento powered online store depends on four elements i.e. ● Layout – Present is (app/design/frontend/your_interface/new_theme/layout/) ● Templates – Present in (app/design/frontend/your_interface/new_theme/template/) ● Skins – Present in (skin/frontend/your_interface/new_theme/) ● Locale – Present in (app/design/frontend/your_interface/new_theme/locale/) If you are about to set up an online store, we shall share with you easy steps on how to install a Magento theme. Once you have installed it, you would find hundreds of options to customize your online store.
  • 3. Choose a Theme ● Before you get started with installing the theme, you would need to choose one. You have two options, choose a Magento theme for free or buy a premium theme. ● While free themes are good enough to launch your online store, premium themes have better designs, customization options and most importantly come with the promise of technical support.
  • 4. Unzip The Theme ● Themes when downloaded come in zipped format and hence you would need to unzip it using WinRAR, WinZip or any other tool in Linux which you may be comfortable with.
  • 5. Copying App Folder ● In the next stage you have to copy app folder of your new theme under ○ Your_Magento_Installation/app/design/frontend/default/ (This will turn it into something like ) ○ Your_Magento_Installation/app/design/frontend/default/new_theme
  • 6. Copying Skin Folder ● The next step is also quite similar and here you would need to copy the entire skin folder for your new theme ○ Your_Magento_Installation /skin/frontend/default/ (This will turn it into something like ) ○ Your_Magento_Installation/ skin/frontend/default/new_theme
  • 7. Login To Magento Store ● With the above steps you would have added the newly downloaded theme to your Magento store. ● In this step you will have to login to your Magento store admin, using your Magento account and choose the theme that would be used as the layout.
  • 8. Test Magento Theme ● There are some occasions when Magento Cache doesn’t offer you a preview of the changes and in such cases you need to do it manually. ● In order to test the new theme disables cache for the time being. ● You can do this by going to System>Cache Management and select ‘Disable’ then click ‘Save Cache’. Follow this up by choosing the ‘Enable’ option.
  • 9. Design Option ● In the next step go to System>Configuration and select the Design Tab. Here you will have to type a new name for your new theme that has been copied to your Magento installation in front of skin (Images/CSS) input box. ● Once done you need to click on ‘Save Config’. ● The next three stages in your Magento Installation process are optional and you can try these out if you want to
  • 10. Install Widgets ● If your Magento theme has come with widgets, you would have to install them. To install Magento theme widgets you need to go to CMS>Static Blocks and here click on ‘Add New Block’. ● Different widgets have different installation process and you need to follow your widget installation instructions carefully to add the new widget block and activate it. ● Select ‘Enabled’ and click ‘Save Block’ after which select ‘Custom Design’ Tab and in the layout select ‘Homepage’ or else the widget won’t show up on your homepage.
  • 11. Display Items On Home Page ● By default your home page is a CMS block and won’t display any items by itself. To display items on the homepage you would have to provide custom code in there. ● To do so you need to go to CMS> Manage Pages and select the ‘Home page’ and in the content box type the home page content code that has come with your new theme. ● You would have the option of changing this content anytime you want.
  • 12. Customise Store ● You are done with installing the Magento theme and you can now test it by opening the store in the browser and the new theme would be shown. ● Now you have unlimited ways of customizing your store to meet the niche needs of your business.
  • 13. About Markupbox Markupbox provides cross browser compatible and responsive theming and conversion services. Markupbox is an experienced service provider and having features like Non- Disclosure agreement, dedicated project manager and reasonable pricing. It has worked with 5600+ satisfied clients from across the globe.