Estoy modificando un theme para Magento y de un momento para otro la parte donde podes buscar secciones se desconfiguró. El problema es que es solo en parte principal, cuando entro a cualquier categoría o sección, funciona perfecto. Tiene un dropmenu donde están las diferentes categorías y sub-categorías. A continuación muestro las imágenes:
Diferencias del código fuente del explorador:
Página principal
Código HTML:
Ver original
<div class="col-xs-12 col-md-6 col-sm-12"> <div class="header-box"> <div class="search-container"> <form id="search_mini_form" action="http://pruebasc.servidoronline.net/catalogsearch/result/" method="get"> <div class="form-search"> <div class="box-select"> <div class="header-select"> <select class="selectpicker" id="cat" name="cat"> </select> </div> </div> <!--<div id="search_autocomplete" class="search-autocomplete"></div>--> </div> </form> <script type="text/javascript"> //<![CDATA[ var searchForm = new Varien.searchForm('search_mini_form', 'search', '¿Qué estás buscando?'); searchForm.initAutocomplete('http://pruebasc.servidoronline.net/catalogsearch/ajax/suggest/', 'search_autocomplete'); //]]> </script> </div> </div> </div>
Código fuente otras secciones
Código HTML:
Ver original
<div class="header-box"> <div class="search-container"> <form id="search_mini_form" action="http://pruebasc.servidoronline.net/catalogsearch/result/" method="get"> <div class="form-search"> <div class="box-select"> <div class="header-select"> <select class="selectpicker" id="cat" name="cat" style="display: none;"> </select><div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle selectpicker btn-default" data-toggle="dropdown" data-id="cat" title="Categorías"><span class="filter-option pull-left">Categorías</span> <span class="caret"></span></button><div class="dropdown-menu open"><ul class="dropdown-menu inner selectpicker" role="menu"><li rel="0" class="selected"><a tabindex="0" class="" style=""><span class="text">Categorías</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="1"><a tabindex="0" class="" style=""><span class="text">Vibradores</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="2"><a tabindex="0" class="" style=""><span class="text">xxxxx</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="3"><a tabindex="0" class="" style=""><span class="text">xxxxx</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="4"><a tabindex="0" class="" style=""><span class="text">xxxxx</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="5"><a tabindex="0" class="" style=""><span class="text">xxxxx</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="6"><a tabindex="0" class="" style=""><span class="text">xxxxx</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="7"><a tabindex="0" class="" style=""><span class="text">Lencería</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li></ul></div></div> </div> </div> <!--<div id="search_autocomplete" class="search-autocomplete"></div>--> </div> </form> <script type="text/javascript"> //<![CDATA[ Event.observe(window, 'load', function(){ $$('select#cat option').each(function(o) { if (o.value == '11') { o.selected = true; throw $break; } }); escapedQueryText = ''; if (escapedQueryText !== '') { $('search').value = escapedQueryText; } }); var searchForm = new Varien.searchForm('search_mini_form', 'search', '¿Qué estás buscando?'); searchForm.initAutocomplete('http://pruebasc.servidoronline.net/catalogsearch/ajax/suggest/', 'search_autocomplete'); //]]> </script> </div> </div>
Capaz haya tocado algo pero estuve subiendo originales, siempre haciendo backup y no pasa nada.
Muchas gracias, perdonen por tanto código.
Saludos