Thursday 17 November 2016

Magento Theme Development Guide Part 1(Magento Theming)

 Note : Before reach this article please read my previous article

 Magento Directory Structure


Magento Theme Development Guide :- 

Magento theme development is very importanat part of magento project development. If you want to implement your own custom design for your store you have to   knowledge about magento theme development if you are not able to implement your own design please read this series of articles..

  Before working on magento coding part disable your magento cache from admin panel.

  1.  Login to dashboard
  2. Go to configuration (System->Cache Management)
  3. Select  All
  4. From Right Side (Select Disable from right side dropdown option)






Magento Directory where your theme located :-

  • When you open your Magento root folder, you’ll see a list of folders under there. Out of these folders, the folders in which we’ll be editing files are just the app folder and the skin folder.
  •  Templating files in the app/design/frontend/<designPackageName>/<<themeName> /directory are organized into the following subdirectories
                  Layout—Contains the basic XML files that define block structure for different pages as                       well as control meta information and page encoding.
                 Template—Contains the PHTML files that contain xHTML markups and any necessary                      PHP to create logic for visual presentation. Some templates are page templates and some                      are block templates.

                 Locale—Contains simple CSV text documents organized on a per language basis                                containing translation strings (as name-value pairs) for all text produced by Magento (e.g.,                  for interface elements and messages, not products and categories)
  • Skin files in the skin/frontend/<designPackageName>/<<themeName> / directory are organized into the following subdirectories:
            CSS—Contains the CSS files used to control visual styling of the website

            Images—Contains all images used by the theme

            JS—Contains theme-specific JavaScript routines and callable functions. (Most JavaScript                   libraries, which might be shared across themes) are placed in the js/ directory at the Magento               root

Click Here If you want to join Magento Training in Delhi

continued next tutorial......








No comments:

Post a Comment