En un artículo anterior habíamos visto qué es el loop de WordPress, en este artículo usaremos como base el Loop de WordPress para construir un Loop personalizado para productos de WooCommerce.
Resultado final
Al final obtendremos algo similar a lo que se muestra en la siguiente imagen, incluye los filtros de ordenación, datos de cantidad de productos, paginación y la lista de productos.
Generalidades
WooCommerce tienes shortcodes predeterminados que nos pueden ayudar a recuperar productos, sin embargo modificar el Loop de WooCommerce a través de código nos da mucho más flexibilidad para realizar cambios.
Loop personalizado de WooCommerce
El siguiente código muestra todos los productos de la tienda en un loop personalizado, en base a este loop puedes hacer las modificaciones que desees pasándole los argumentos a la función wc_get_products()
En el código anterior:
- Primero comprobamos que exista WooCommerce a través de la comprobación de una función.
- Luego recuperamos y establecemos variables para la paginación y el ordenamiento.
- Construimos la consultas, definiendo el array de argumentos que usará la función wc_get_products()
- Esta consulta sólo devuelve los IDs, en base a estos valores construiremos el bucle.
- Establecemos las variables globales para el bucle usando la función wc_set_loop_prop()
- Construimos el bucle usando la estructura for, en cada parte respetamos los Hooks de WooCommerce.
- Dentro del bucle usamos setup_postdata() para establecer el post actual.
- Además dentro del bucle llamamos a un archivo de plantilla para mostrar los productos.
- Finalmente usamos las funciones y Hooks de WooCommerce que indican la finalización del bucle.
Conclusión
Si deseas personalizar el loop o bucle de WooCommerce, es mejor usar las propias funciones de WooCommerce, en lugar de usar funciones genéricas del loop de WordPress para recuperar el listado de productos. Con el loop de WooCommerce tenemos la flexibilidad de hacer las modificaciones a los productos que se muestran y la información que los acompaña.
¿Aún con dudas?, en el siguiente video explico cómo usar este loop de WooCommerce a través de un ejemplo.
Artículos Relacionados
(2 votos, promedio: 5,00 de 5)
Cargando...
Hola, muy bueno el articulo e interesante para que el diseño o aspecto de la tienda sea más fácil y agradable.
Muchas gracias.
Si, te permite personalizar 🙂
Hola John, excelente tus tutoriales. Quisiera consultarte como puedo realizar lo siguiente: Necesito deshabilitar la compra de un producto de woocommerce si el usuario que está logueado en ese momento ya ha comprado ese producto anteriormente. Encontré que existe una función (wc_customer_bought_product) que verifica si ya se ha comprado un producto en particular, pero no logro crear ese action para quitar ese producto. Agradezco de antemano.
Hola, veo que hay un plugin que puedes evaluar que tiene esta funcionalidad, revisa: https://wordpress.org/plugins/woo-wolly-one-time-buy/
Acabo de atualizar Wordpres .
Cuando subo una plubicacion en la tienda de worcomerce hay un problema. Se queda cargando la página. En cambio las demas publicacion se ven. Me puedes ayudar ?
Hola, posiblemente sea algún conflicto de plugins, prueba desactivando uno a uno tus plugins hasta ver cual te causa el problema.
Echo todo el proceso y sigue igual. Me gustaria que lo vieras peronalmente.
Cómo hago para editar el loop de las categorías?
Quiero borrar el product count
Hola, tal vez en tu caso lo más práctico sea simplemente ocultar ese dato con CSS.