Static block "Highlighted categories"

Go to Catalog --> Manage Categories. Edit category in Magento admin panel. Add following code to the "Description" field.

<div class="four_banners"> <div class="four_banners_bt clearfix"> <div class="b01"><a class="title" href="#">Top Selling Categories</a> <a title="Top Selling Categories" href="#"><img src="{{media url="template/cat01.jpg"}}" alt="" /></a> <ul> <li><a href="#">Category link</a></li> <li><a href="#">Category link</a></li> <li><a href="#">Category link</a></li> <li><a href="#">Category link</a></li> </ul> </div> <div class="b02"><a class="title" href="#">Most Popular</a> <a title="Most Popular" href="#"><img src="{{media url="template/cat02.jpg"}}" alt="" /></a> <ul> <li><a href="#">Category link</a></li> <li><a href="#">Category link</a></li> <li><a href="#">Category link</a></li> <li><a href="#">Category link</a></li> <li><a href="#">Category link</a></li> </ul> </div> <div class="b03"><a class="title" href="#">Featured Top Sellers</a> <a title="Featured Top Sellers" href="#"><img src="{{media url="template/cat03.jpg"}}" alt="" /></a> <ul> <li><a href="#">Category link</a></li> <li><a href="#">Category link</a></li> <li><a href="#">Category link</a></li> </ul> </div> <div class="b04"><a class="title" href="#">Text block example</a> <a title="Text block example" href="#"><img src="{{media url="template/cat04.jpg"}}" alt="" /></a> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p><a class="more" href="#">More Info &raquo;</a></p> </div> </div> </div>

Go to contentsBack to previous page