Bloque WooCommerce: Búsqueda de productos

Cuando instalamos WooCommerce en nuestros WordPress, automaticamente tendremos a nuestra disposición una serie de bloques para utilizar en el nuevo editor de bloques de WordPress.

Hoy vamos a ver el bloque «Búsqueda de productos«.

Bloque WooCommerce: Búsqueda de productos

Este bloque nos va a permitir añadir un buscador de productos muy útil en cualqueir página o entrada de nuestro ecommerce.

Para localizar este bloque así como el resto de bloques de WooCommerce, añadimos un nuevo bloque en un post que estemos editando y nos movemos a la última sección de bloques de WordPress como se puede ver en la siguiente captura:

WooCommerce Bloques

Si deplegamos la sección «WooCommerce» podremos ver todos los bloques que WooCommerce nos ofrece.

Bloque WooCommerce: Búsqueda de productos

Buscamos en bloque de «Búsqueda de productos» y hacemos click sobre el para añadir un bloque.

En ese momento, y sin configurar nada de nada, tendremos algo similar a lo siguiente:

Bloque WooCommerce: Búsqueda de productos

Sin tocar nada, como digo, ya tendríamos nuestra sección o bloque de «Búsqueda de productos en esta página o entrada.

Lo podemos comprobar viendo este post para asegurarnos de lo que muestra y cómo lo muestra:

Bloque WooCommerce: Búsqueda de productos

Como podemos observar en la captura anterior, lo que añade no es más que un campo de búsqueda muy sencillo en el que podemos introducir la o las palabras para buscar.

Además, disponemos de un botón en forma de «>» a la derecha del campo de búsqueda.

Podemos probarlo introduciendo parte de una palabra para ver el resultado, en este caso introduciré «hoo«:

Bloque WooCommerce: Búsqueda de productos

Y ahora vemos el resultado de esta búsqueda:

Bloque WooCommerce: Búsqueda de productos

Perfecto! Una forma sencilla y rápida de implementar un buscador de productos en cualqueir sitio de nuestra web.

Opciones del bloque WooCommerce «Pruductos en oferta»

Este bloque no tiene mucha opción que digamos, por lo menos de momento.

La única opción de que disponemos es la de «Contenido«.


Contenido

En este apartado podemos activar o desactivar que se muestre o no la etiqueta del campo de búsqueda. Es decir, que aparezca la palabra «buscar» encima del campo o no:

Bloque WooCommerce: Búsqueda de productos

Si desactivamos el check lo que veremos será lo siguiente:

Bloque WooCommerce: Búsqueda de productos

Observaciones sobre el bloque «Búsqueda de productos»

En el caso de este bloque me gustaría que apreciáramos un pequeño detalle y es que si nos fijamos, al realizar la búsqueda, el resultado se muestra en otra página y no en la misma en la que está el formulario de búsqueda.

En este caso, la url que figura en el navegador es: http://www.loquesea.com/?s=hoo&post_type=product

Y el fichero php que está gestionando esto es el de «archive-product.php».

Esto es una simple obervación para el caso en el que queramos modificar la forma o el diseño en el que se muestra este resultado de búsqueda.


Espero que esta información os sea de utilidad.

Cualquier duda y observación, dejadme un comentario.

Saludos y ánimo!

Localizar cadenas de texto en WordPress – String Locator

En ocasiones queremos localizar alguna cadena dentro de los ficheros de WordPress. Ya puede ser dentro de de algún tema o plugin.

Los motivos pueden ser variados pero ahora mismo se me ocurre que necesitemos cambiar una traducción que no conseguimos que se traduza por el motivo que sea.

Podemos realizar una búsqueda en nuestro equipo sobre los directorios que nos interesen pero también disponemos de un plugin que nos ayudará en este sentido.

El plugin es String Locator y como bien dice su nombre, busca y localiza cadenas de texto.

String Locator - Plugin para localizar cadenas de texto en los ficheros

¿Cómo usar String Locator?

Una vez que tenemos instalado el plugin, nos dirigimos al menú Herramientas –> String Locator del panel de administración de WordPress y veremos algo similar a esto:

String Locator - Localizar cadenas de texto en WordPress

Es tan sencillo como indicar la cadena que queremos buscar en el segundo campo, el de «Search String» y en el desplegable podemos elegir si buscar en todos los ficheros de WordPress o en temas o en plugins en concreto para afinar nuestra búsqueda.

String Locator - Localizar cadenas de texto en WordPress

Como digo, seleccionadmos dónde queremos buscar la cadena, la cadena que queremos buscar y por último, hay una opción «RegEx search» que es por si introducimos expresiones regulares en el campo de cadena.

Cuando realiza la búsque nos mostrará los ficheros donde ha encontrado esa cadena:

El resultado es del todo aclaratorio porque indica la cantidad de veces que ha encontrado el string así como dónde los ha encontrado. El fichero en el que está y la línea de ese fichero.

Es un plugin muy últil para utilizar en ciertas ocasiones

Otra cosa muy buena de este plugin es que lo podemos desinstalar hasta que no volvamos a necesitarlo.

El video

Espero que esta información os sea de utilidad.

Saludos y mucho ánimo!

Ir al contenido