Business Design Programming Technology

Magento Theme Development Tutorial part 2


Magento Theme Development Tutorial part 2

Magento is the name that comes to our mind whenever we talk about development of an e-commerce site or an online enterprise. Magento leverages us with an amazing environment that makes it easier for us to develop an amazing e-commerce site that can cater to thousands of clients at one time without creating trouble.

In this tutorial we are going to learn about development of a theme in the magento environment. Magento is amazing and working in it is very easy. All you need to do is make optimum use of the resources available in the environment. You can depend on the development framework for developing themes in a very span of time.

Deciding the Layout:-

Every theme is a collection of blocks, layout, images and template. Before proceeding with the development of theme in the magento framework, you will have to gather all the requisite information and you will have to make sure that you have all the measurements done before.

Deciding the layout is an important thing, because websites have different kind of layout while blogs are made up of different kind of layout. You will have to measure your requirements and after that you will have to decide the measurements of the theme. You can look at various online sites and blogs and come to a conclusion about the same. It is not going to be a difficult task if you are a developer.

READ  Remove index.php in the url of Yii website

Interface: –

Interface is the face of your site and you will need to work hard on it. You will have to make sure that you have an amazing face so that it is easy for people to get enamored by your face. You will also need to depend on various other sources for quality image. You may also need to hire some designers to design some amazing images and logos for your site. In contemporary world people have witnessed an uproar in the use of calligraphy for theme development.

When working on interface you will need to test it for hundred times to make sure that it is smooth, fast and user friendly.

There are some folders in theme that are of utmost importance, any harm to them will make your theme get doomed.

These are going to be the basic address of these folders and you will need to keep them safe and sound for the proper functioning of your theme: –

  • app/design/frontend/fishpig
  • app/design/frontend/fishpig/default
  • app/design/frontend/fishpig/default/layout
  • app/design/frontend/fishpig/default/template
  • app/design/frontend/fishpig/fish-theme
  • app/design/frontend/fishpig/fish-theme/layout
  • app/design/frontend/fishpig/fish-theme/template
  • skin/frontend/fishpig
  • skin/frontend/fishpig/default
  • skin/frontend/fishpig/fish-theme

Now you have all the files and resources gathered, it is time for you to use your log-in credentials to log into your magento account. You will land up directly on the homepage of the magento; there on the dashboard you will find hundreds of options. You will be required to go to the framework and upload all the resources.

You can use two methods for this: –

  • Traditional method: – This traditional method of installing theme requires you to copy the code, paste it and then upload the theme. You will be required to do so and check the layout of the theme.
  • Magento control: – you can use your login credentials and upload your theme from the dashboard of the site.