Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Skinning the ‘demo store’ theme
 
fntnhrl
Jr. Member
 
Total Posts:  1
Joined:  2008-03-24
 

Hi, i’m a complete newbie with magento and was wondering if it’s possible to use the default demo store theme as my theme?

As a designer whose coding abilities only stretch to CSS, i’m fairly confident i can skin the existing theme to suit my needs, so basically i wanted to know if its as straight forward as i think. i’m asking because i found this in some of the page files:

<!--<class="demo-notice"><span><?php echo $this->__('This is a demo store. Any orders placed through this store will not be honored or fulfilled.'?></span></p>-->

I’d obviously like to avoid further nasty surprises like this so if anyone can advise me the best way to go about this i’d be very grateful.

(i’d try to create my own theme but i’m afraid my head might explode with all the blocks/layout/xml stuff smile )

thanks

 
Magento Community Magento Community
Magento Community
Magento Community
 
flowstack
Sr. Member
 
Avatar
Total Posts:  159
Joined:  2008-01-30
London, United Kingdom
 

The quickest way to skin the default theme (only using CSS) is as follows:

1. Copy /magento/skin/frontend/default/default folder to /magento/skin/frontend/default/newtheme

2. Go into your admin and turn off caching.

3. Go into your admin and tell Magento to use your theme.

This is done under System -> Configuration -> Design (I think!? Doing it from memory at the moment).

4. Get firefox with the firebug extension so you can see which CSS controls which parts of the page.

5. Begin editing. The three files you will mostly be editing are boxes.css, reset.css and menu.css in /magento/skin/frontend/default/newtheme.

Bear in mind that by only editing the CSS you can’t change the position of blocks on the page, only their styling.

Hope that helps.

 
Magento Community Magento Community
Magento Community
Magento Community
 
iPhony
Member
 
Avatar
Total Posts:  37
Joined:  2007-09-01
 

I would not consider this a sustainable approach. Unless you are creating a new interface, you do not need to copy the default theme. All you need is to create your newtheme folder and insert the updated files in the approate folder structure as magento only needs updated file and falls back to the default theme for the files it can’t find in your newtheme folder. This is at least my understanding of the design guide.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top