Rabu, 25 April 2012

Salah satu cara menyetting tema di magento

Pertama-tama download dulu tema,yang saya pakai tema hellowired download.
Setelah download ikuti langkah-langkah berikut :
1. Ekstrak tema yang di download tadi. Setelah di ekstrakcopy-kan semua file yang ada dalam folder root ke    dalam magento kamu langsung.
2. Setelah itu login admin di magento kamu. Lalu masuk system-->configuration-->design, setelah itu buka themes tab, dan ganti nama sesuai dengan gambar.








3. Setelah itu disable semua cache di sytem-->cache management

 4. Setelah itu refresh dan save config-nya.
 5. Setelah itu pindah ke cms-->pages, pilih home. Pilih content dan copy kan kode dibawah dan save:
<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>
 6. Setelah itu masuk ke cms-->static block kemudian pilih add new block dan kemudian ikuti cara di bawah:

Block Title: HelloSlide (this can be titled anything you like)
Identifier: helloslide (must be exactly like this, with no uppercase or spaces)
Status: Enabled
Content :
<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>
 
Block Title: Top CMS Links (this can be titled anything you like)
Identifier: toplinks (must be exactly like this, with no uppercase or spaces)
Satus: Enabled
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>
 
Block Title: FooterLinks (this can be titled anything you like)
Identifier: footerLinks (must be exactly like this, with no uppercase or spaces)
Satus: Enabled
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>

Dan tampilannya akan seperi ini, kalau kamu mau lebih rinci lagi kunjungi aja situs ini http://www.hellothemes.com/support/documentation/hellowired-documentation/

 

2 komentar: