Custom Template Installation Guidelines for Magento Theme Designer

Talk to Experts Need expert help? Don’t hesitate to talk.

You can do direct email atinfo@mconnectmedia.com

WE'RE HERE FOR YOU

We would love to hear about your Magento project, challenge, or opportunity. We'll respond within 24 hours!

As everybody knows Magento is open source, and there are lots of free, premium Magento themes available in the market with a bunch of extensions which are development by Magento Service Provider companies across the world.

Here is I have listed the process and steps where you can accomplish Magento Template Installation Process in just three quick steps

1. Downloading a Custom Template from Internet:
First, search for your desired business theme over market and you will get lot of paid and free classical templates. After downloading your templates you will have a couple of options, either hire Magento Designer from Community of having this installed with your store by yourself following the theme guidelines you will get with the downloadable package, it can be in zip or tar, just have it on your desktop and unzip it.

2. Upload Theme on your eCommerce Website
after unwrapping theme on your desktop you will have to check how much folders it have, here is how the structure will look like:
There will be three folders probably on root:

2.1. APP – PHP, HTML, XML
All php and html files are placed to this folder, and it will be in the format of
Modules – app/Code/(local or community)/ customtemplatename/……
PHTML Files– app/design/frontend/customtemplatename/templates
XML File– app/design/frontend/customtemplatename/layout

2.2. JS – TEMPLATE JAVASCRIPT FILES
Every custom JS files will be placed on the root/js folder where you will see all template related JavaScript files used.

2.3. SKIN – TEMPLATE CSS, JS and IMAGES
skin folder contains all the css, images related stuff of theme, the structure will be like:
Main Folder – skin/frontend/customtemplatename
Template CSS – skin/frontend/customtemplatename/css
Theme JS – skin/frontend/customtemplatename/js
Templates Images – skin/frontend/ customtemplatename/images

Simply follow above structure and copy all the themes files according to above listed directories for your custom Magento theme integration.

3. ACTIVATE YOUR CUSTOM MAGENTO THEME
After finishing step 2 of integrating all the files to you Magento setup you just have to activate the theme.
There is two way where you can define to enable the theme from Magento Admin itself.

3.1 Process First – Login to your Magento Admin panel and go to

Admin -> System -> Design – and click on add design changes – Follow below Screenshot
magento-design-activation-1

Follow below screenshot to see next page, and the template name you see just select and click on save
magento-design-activation-2

3.2 Process Second:

Here is the second step how you will activate your custom template design with Magento
From Magento admin go to – System -> Configuration – and you will a DESIGN tab from the left sidebar, just click on it and you will see a new screen on main content area and then click on “THEMES” header to expand this section:

You will see five main fields which compile your theme based on the file structure where you need to give an appropriate name which you want to reference for:

Translation – keep it blank unless you are using multiple languages
Templates – In this text box just have your template name inserted in the text box
Skin – (Images, CSS) – Just put your custom template name skin folder
Layout – Put your layout folder same as you have mentioned in the templates
Default – Put your template package name in this field

Here is the screenshot of this page:
magento-design-activation-3

Just save your configuration on this page and go to frontend and hard refresh the page after clearing cache from Magento Admin Panel – System – Cache Management select all cache and flush it.

That’s it, you are done with it and if you still see any issue then comment it here, and I’ll try to help you out.

Have a good day.

Need Magento expert help?

We provide result-driven solutions to expand the competency level and productivity.

Instant Help CenterAvailable!

Monday to FridayResponse promised within 24 hours!

Call Us

+1 319 804-8627

Load Comments

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

  • Worried for deadlines? Our Magento Experts are effortlessly Working from Home.
  • Check out our Magento Developer Hiring Packages for Agency as well as individuals.
View Packages

Talk to Experts Need expert help? Don’t hesitate to talk.

You can do direct email atinfo@mconnectmedia.com

WE'RE HERE FOR YOU

We would love to hear about your Magento project, challenge, or opportunity. We'll respond within 24 hours!

Please fill this form, Mr.Yogesh will reply by email asap.


Please fill this form, Mr.Darshit will reply by email asap.


Please fill this form, Mr.Jayesh will reply by email asap.


Please fill this form, Mr.Jiten will reply by email asap.


Do you know Magento 1 support will end in June 2020?
Magento 1 to Magento 2 Migration Service Error
So, Don't take the risk

Make a move & Migrate to Magento 2

  • Magento 1 to Magento 2 Migration Service - Zero Downtime

    Zero Downtime

  • Magento 1 to Magento 2 Migration Service - Timely Delivery

    Timely Delivery

  • Magento 1 to Magento 2 Migration Service - Stores Upgraded

    36+ Stores Upgraded

  • Magento 1 to Magento 2 Migration Service - Zero Data Loss

    Zero Data Loss

  • Magento 1 to Magento 2 Migration Service - Magento Developers

    Certified Magento Developers

  • Magento 1 to Magento 2 Migration Service - After Support

    60 Days After Support

How much it Cost?