Home /
Expert System /
Static block "Highlighted categories"

Static block "Highlighted categories"

Banners and links

Goto Catalog --> Manage Categories. Insert the following content in the "description" field of the selected category.

<div class="four i_images clearfix">
  <div class="b01"><a class="title" href="#"><strong>Title</strong> <span><img src="https://web-experiment.info/media/"template/magento_template01.jpg"" alt="Title" /></span></a>
    <ul>
      <li><a href="#" title="">Link</a></li>
      <li><a href="#" title="">Link</a></li>
      <li><a href="#" title="">Link</a></li>
      <li><a href="#" title="">Link</a></li>
    </ul>
  </div>
  <div class="b02"><a class="title" href="#"><strong>Title</strong><span><img src="https://web-experiment.info/media/"template/magento_template02.jpg"" alt="Title" /></span></a>
    <ul>
      <li><a href="#" title="">Link</a></li>
      <li><a href="#" title="">Link</a></li>
      <li><a href="#" title="">Link</a></li>
      <li><a href="#" title="">Link</a></li>
    </ul>
  </div>
  <div class="b03"><a class="title" href="#"><strong>Title</strong><span><img src="https://web-experiment.info/media/"template/magento_template03.jpg"" alt="Title" /></span></a>
    <ul>
      <li><a href="#" title="">Link</a></li>
      <li><a href="#" title="">Link</a></li>
      <li><a href="#" title="">Link</a></li>
      <li><a href="#" title="">Link</a></li>
    </ul>
  </div>
  <div class="b04"><a class="title" href="#"><strong>Title</strong><span><img src="https://web-experiment.info/media/"template/magento_template04.jpg"" alt="Title" /></span></a>
    <p>Browse our selection:</p>
    <ul>
      <li><a href="#" title="">Link</a></li>
      <li><a href="#" title="">Link</a></li>
      <li><a href="#" title="">Link</a></li>
    </ul>
  </div>
</div>

Note. Image width must be 225px.