Como ya os he mencionado, soy un fan del tema DIVI y ya empiezo a tropezarme con cosas que no se pueden hacer de forma nativa pero que con un pequeño cambio puedes personalizar.
Y este cambio es extremadamente sencillo y muy útil para las tiendas online en Woocommerce con DIVI instalado (aunque sirve para cualquier tema en realidad). Se trata de cambiar el buscador principal del menú de DIVI por un buscador de productos. Las tiendas online no necesitan tener en su menú principal un buscador de entradas al blog para perder al cliente entre los amasijos de tu web. El cliente necesita llegar a donde quiere, o al menos a donde queremos, y ese sitio es: El producto.
El cambio es tan sencillo como copiar el header.php de tu tema principal en la carpeta de tu DIVI-Child, y cambiar esto entre las líneas 153-157 y las líneas 317-321 (puede haber variaciones).
printf( '<input type="search" class="et-search-field" placeholder="%1$s" value="%2$s" name="s" title="%3$s" />', esc_attr__( 'Search …', 'Divi' ), get_search_query(), esc_attr__( 'Search for:', 'Divi' ) );
por esto:
printf( '<input type="search" class="et-search-field" placeholder="%1$s" value="%2$s" name="s" title="%3$s" autocomplete="off" /><input type="hidden" name="post_type" value="product">', esc_attr__( 'Search …', 'Divi' ), get_search_query(), esc_attr__( 'Search for:', 'Divi' ) );
EXPLICO: Añadimos un sencillo input dentro del form con el name=»post_type» y el value=»product» que le indicará a WordPress que esa búsqueda es referente a un producto y no a cualquier entrada de cualquier tipo. Además, le añado al input del search el autocomplete=»off» para que no rellene con lo que hayamos rellenado anteriormente otros inputs del estilo.
Con esto, tendremos un buscador con todo el aspecto que te ofrece DIVI y con la funcionalidad que realmente queremos para el buscador de una tienda online.
Como digo, esta funcionalidad se puede añadir a cualquier tema que presente estas características, que ha día de hoy será la inmensa mayoría.
Se me superpone la palabra buscar y product en el buscador ademas al colocar el nombre de producto no hay un boton de buscar ni tampoco me funciona si le doy enter, no sé si me podrias ayudar
Hola, necesitaría saber si has hecho cambios con respecto al tema principal o su child y el tipo de cabecera que estás usando. Aunque principalmente necesitaria la dirección de tu web para comprobar por qué está fallando.
Un saludo
Hola! Tengo un listado de productos y quiero que el buscador me devuelva otro listado con la busqueda… se puede hacer con divi?
Saludos y gracias!
Hola Iván.
Me has salvado la vida con tu código.
Funciona de maravilla.
Muchas gracias
Si ahora quiero ordenar los resultados por popularidad por defecto, ¿qué código debería añadir?
Para poner por defecto en la búsqueda el orden por popularidad tendrías que utilizar el siguiente código:
Explicando el código: hay que añadir un input de tipo «hidden» con el nombre «orderby» y el valor «popularity». De esta forma se añadirá a la URL y se generará la búsqueda como estabas buscando.
No puedo contactar contigo mediante el mail que has facilitado dado que has puesto uno extraño (con mi nombre). Si tienes alguna consulta o necesidad más para tu web ponte en contacto conmigo a través de la página de contacto o del mail ivan@ivanros.com
Un saludo!
Mil gracias Ivan. Lo he probado, funciona y va de maravilla.
El mail es correcto
Hola Iván, muchas gracias por tu código. Funciona perfectamente. Sería posible hacer esto en el módulo de búsqueda de DIVI? Gracias.