magento hellowired 主题配置

//原文地址无为人生 --hi.baidu.com/liliqingvb

1.      解压文件，并覆盖对应文件夹。

2.      进入magento后台>> “system” >> “Configuration”>> 点击左侧“Design” >> 点击右侧“Themes”>> Templates、Skin (Images / CSS)、Layout、Default栏里都输入“hellowired”。

点击保存。别告诉我你不知道保存在哪。。。  那这教程你也不用看下去了。

 

3.      添加静态块。步骤如下：

CMS>> Static Blocks >>
Add New Block>>  在 Block Title  输入 “HelloSlide”  在 Identifier  输入 “helloSlide” >> Status  选择 “Enabled”>> Content 栏设置【点击： “Show / Hide Editor” 】 样子会变成

而不是

然后输入以以代码：

<div id="slider-wrapper">

<div id="slider">

<div class="panel"><img src="{{media url=helloslide/01.jpg}}" alt="Flowing Rock" /> <span class="comment">Aca va el comment</span></div>

<div class="panel"><img src="{{media url=helloslide/02.jpg}}" alt="Other" /> <span class="comment">Aca va el otro comment</span></div>

<div id="controls">&nbsp;</div>

</div>

</div>

 

点击保存。 

 

 

4．继续添加两个静态块。

内容如下：

BlockTitle >> “FooterLinks” 

Identifier>> “footerLinks”

Content >> 

<div class="footer-block first"> <h6>Customer Service</h6> <ul> <li><a href="{{store url='about-magento-store'}}">About Us</a></li> <li><a href="{{store url='our-company'}}">Our company</a></li> <li><a href="{{store url='catalog/seo_sitemap/category'}}">Sitemap</a></li> </ul>   </div> <div class="footer-block"> <h6>Customer Info</h6> <ul> <li><a href="{{store url='contacts'}}">Contact Us</a></li> <li><a href="{{store url='price-matching'}}">Price matching</a></li> <li><a href="{{store url='testimonials'}}">Testimonials</a></li> </ul> </div>   <div class="footer-block"> <h6>Corporate</h6> <ul> <li><a href="{{store url='privacy'}}">Privacy Policy</a></li> <li><a href="{{store url='safe-shopping'}}">Safe &amp; secure shopping</a></li> <li><a href="{{store url='terms'}}">Terms &amp; conditions</a></li> </ul>   </div>   <div class="footer-block last"> <h6>Information</h6>   <ul> <li><a href="{{store url='delivery'}}">Delivery information</a></li> <li><a href="{{store url='guarantee'}}">Satisfaction guarantee</a></li> <li><a href="{{store url='returns'}}">Returns policy</a></li> </ul> </div>

点击保存。  

 

BlockTitle >> “Top CMS Links” 

Identifier>> “toplinks”

Content >> 

<li><a href="#">Order Status</a></li> <li><a href="#">Customer Service</a></li> <li class="last"><a href="#">Find a store</a></li>

点击保存。

 

5. 修改首页

 CMS>> Pages >> 点击“home page”

>>点击“Content”

 

>> 【点击：“Show / Hide Editor”】你懂的。。。>> 拷贝以下内容到里面：

<div class="wired-home"> <div class="promo">{{block type="cms/block" block_id="helloslide"}} <div class="promo-right"><a href="#"><img src="{{skin url='images/media/promo2.jpg'}}" alt="Promotion 2" /></a> <a href="#"><img class="last" src="{{skin url='images/media/promo3.jpg'}}" alt="Promotion 3" /></a></div> </div> <div class="subpromo"> <div class="offers"><a href="#"><img src="{{skin url='images/media/promo6.jpg'}}" alt="Promotion 2" /></a><a href="#"><img src="{{skin url='images/media/promo7.jpg'}}" alt="Promotion 2" /></a></div> <div class="brands"><a href="#"><img src="{{skin url='images/media/promo5.jpg'}}" alt="Promotion 2" /></a></div> </div> <div class="promo-bottom"><a href="#"><img src="{{skin url='images/media/promo4.jpg'}}" alt="Promotion 4" /></a></div> <div class="featured-social">{{block type="catalog/product_list" category_id="12" template="catalog/product/featured.phtml"}} <div class="subscribe"><strong>Stay Connected</strong> <p>Receive Promotions and Discounts, sign up today to receive yours!</p> {{block type="newsletter/subscribe"  template="newsletter/subscribe-home.phtml"}}</div> </div> </div>

继续首页设置还没完成。

>> 点击左侧的“Design”

>>“Layout” 选项选择“1 column” 

 

保存就可以了。

最终效果：