title: prestashop top menu
body: <p>I building a theme for prestashop and I would like to change the html structure of the menu.
  the actuel top menu is placed under <code>modules/blocktopmenu/blocktopmenu.tpl</code></p>
  
  <pre><code>{if $MENU != ''}
  &lt;/div&gt;
  
  &lt;!-- Menu --&gt;
  &lt;div class="sf-contener clearfix"&gt;
      &lt;ul class="sf-menu clearfix"&gt;
          {$MENU}
          {if $MENU_SEARCH}
              &lt;li class="sf-search noBack" style="float:right"&gt;
                  &lt;form id="searchbox" action="{$link-&gt;getPageLink('search')}" method="get"&gt;
                      &lt;p&gt;
                          &lt;input type="hidden" name="controller" value="search" /&gt;
                          &lt;input type="hidden" value="position" name="orderby"/&gt;
                          &lt;input type="hidden" value="desc" name="orderway"/&gt;
                          &lt;input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'htmlall':'UTF-8'}{/if}" /&gt;
                      &lt;/p&gt;
                  &lt;/form&gt;
              &lt;/li&gt;
          {/if}
      &lt;/ul&gt;
      &lt;div class="sf-right"&gt;&amp;nbsp;&lt;/div&gt;
  
      &lt;!--/ Menu --&gt;
  {/if}
  </code></pre>
  
  <p>How can I edit the <code>{$MENU}</code> html structure?</p>