Block "Brands" in the Custom menu for LightShop Green 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> <table class="brand" width="100%"> <tbody> <tr> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b1.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b2.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b3.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b4.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b5.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b6.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b7.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b8.png"" alt="" /></a></td> </tr> </tbody> </table>

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> <table class="brand" width="100%"> <tbody> <tr> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b1.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b2.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b3.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b4.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b5.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b6.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b7.png"" alt="" /></a></td> <td><a href="#"><img src="https://web-experiment.info/media/"template/brand/b8.png"" alt="" /></a></td> </tr> </tbody> </table>

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"

Another way

• 1 Create the hidden category "Addidas"
• 2 Create the static page with category "Addidas".
  HTML code to display category. Do not forget to replace "ID" with the ID of the category. <div> </div>
  Please see: How to show subcategories under the category description
• 3 In the custom menu banner you will need add link to this static page

Right way

Please use Better Store Search: betterstoresearch.com/

Go to contentsBack to previous page