Block "Brands" in the Custom menu for Perfect White Magento Template

Create a category of “Brands”

Goto Catalog --> Manage Categories and create a new category with Display mode: "static block only"

Add the following code to the "description" field

<div class="brands_list">   <dl>     <dt>A</dt>     <dd><a href="#">A...</a></dd>     <dd><a href="#">A...</a></dd>     <dt>B</dt>     <dd><a href="#">B...</a></dd>     <dd><a href="#">B...</a></dd>     <dt>E</dt>     <dd><a href="#">E...</a></dd>     <dt>J</dt>     <dd><a href="#">J...</a></dd>   </dl>   <dl>     <dt>M</dt>     <dd><a href="#">M...</a></dd>     <dd><a href="#">M...</a></dd>     <dd><a href="#">M...</a></dd>     <dt>P</dt>     <dd><a href="#">P...</a></dd>     <dd><a href="#">P...</a></dd>     <dt>R</dt>     <dd><a href="#">R...</a></dd>   </dl>   <dl>     <dt>S</dt>     <dd><a href="#">S...</a></dd>   </dl> </div> <hr> <ul class="brand"> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b1.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b2.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b3.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b4.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b5.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b6.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b7.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b8.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b9.png"" alt="" /></a></li> </ul>

Create a static block

Goto CMS --> Static Blocks --> Add New Block and create a new static block with the ID like "wp_custom_menu_310", where "310" is the category ID of the brand category. Add the following code to the "Content" field:

<div class="brands_list">   <dl>     <dt>A</dt>     <dd><a href="#">A...</a></dd>     <dd><a href="#">A...</a></dd>     <dt>B</dt>     <dd><a href="#">B...</a></dd>     <dd><a href="#">B...</a></dd>     <dt>E</dt>     <dd><a href="#">E...</a></dd>     <dt>J</dt>     <dd><a href="#">J...</a></dd>   </dl>   <dl>     <dt>M</dt>     <dd><a href="#">M...</a></dd>     <dd><a href="#">M...</a></dd>     <dd><a href="#">M...</a></dd>     <dt>P</dt>     <dd><a href="#">P...</a></dd>     <dd><a href="#">P...</a></dd>     <dt>R</dt>     <dd><a href="#">R...</a></dd>   </dl>   <dl>     <dt>S</dt>     <dd><a href="#">S...</a></dd>   </dl> </div> <hr> <ul class="brand"> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b1.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b2.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b3.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b4.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b5.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b6.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b7.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b8.png"" alt="" /></a></li> <li><a href="#"><img src="https://web-experiment.info/media/"template/brand/b9.png"" alt="" /></a></li> </ul>

Change images

Images can be found here: /YourMagentoDir/media/template/brand/

Change links

Simple way

Specify the brand name to search for, and copy the link on the search result in the browser. It will be something like "/catalogsearch/result/?q=Addidas"

Right way

You can use Better Store Search:betterstoresearch.com

Go to contentsBack to previous page