HTML & CSS Structure

This theme is built according to Magento standards, you might see the general structure of Magento themes here
HTML structure were kept as default in Magento.

Changed template phtml files are located at:

[YourMagentoDir]/app/design/frontend/default/[YourTheme]/template

Layout configuration xml files:

[YourMagentoDir]/app/design/frontend/default/[YourTheme]/layout

CSS files

If you would like to edit the color, font, or style of any elements in one of these columns, you would edit this css file:

[YourMagentoDir]/skin/frontend/default/[YourTheme]/css/skin.css

Files Structure

Theme uses standard css files plus custom skin.css which contains all custom styles.

Main directories: php, phtml, xml files

app/

Banners and other media:

media/

Javascripts, css, images used by css

skin/

JavaScript

Our theme may import several Javascript files:

  1. jQuery
  2. jQuery.jCarousel plugin (the product slider in the home_page_header_block static block)
  3. jQuery.siteFeature plugin (main slider)
  4. jQuery.dc-slider plugin (small sliders in the sidebars or categories)
  5. slider.js file (contains main slider preferences like sizes, timings, effect types)
  6. noconfilct js file
  1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.

Go to contentsBack to previous page