Cambiar el número de columnas página en Woocommerce

Vaya pedazo de título me ha salido en este post, pero sí hoy os voy a explicar como cambiar el número de columnas que vienen por defecto en Woocommerce sin plugin, tanto en la página de tienda cómo en categorías. Por supuesto en vista de ordenador o desktop.

Es muy sencillo de modificar, ya sabéis que el código deberéis ponerlo en el functions.php de vuestro theme o bien en un plugin de funcionalidades que es el code snippets. Pero bueno lo tenéis explicado aquí.

Variar las columnas de productos en Woocommerce

Dando mi toque de marketing, las columnas normalmente en woocommerce son 4 pero es recomendable cambiarlas en las siguientes situaciones:

poner 3 columnas en tienda woocommerce
  • Barra lateral fija: Al establecer una sección de filtros perdemos pantalla y las imágenes de los productos salen mas pequeñas. Por lo que en este caso recomendaría dejarlas en 3 columnas.
  • Nuestros clientes para poder entrar al producto necesitan ver la imagen más grande. Pasar a 3 columnas.
  • Tiendas con pocos productos. Si son tiendas de menos de 15 productos tenerlos en 4 columnas parecerá que está vacía.
  • Aumentarlas a más de 4 no lo recomiendo en ningún concepto, a no ser que vean la tienda con lupa.

Snippet para modificar las columnas:

/**

 * Cambiar el número de columnas

 */

add_filter('loop_shop_columns', 'loop_columns', 999);

if (!function_exists('loop_columns')) {

 function loop_columns() {

 return 3; // 3 productos por columna

 }

}

En caso de que no queráis 3 cómo en el ejemplo, tan sólo tenéis que editar el número que sale al lado de return en el código php.

Si quieres un punto de venta físico para sincronizar el inventario con WooCommerce no dudes en contactarme. Cualquier duda en la caja de comentarios!

¡Haz clic para puntuar esta entrada!
(Votos: 1 Promedio: 5)

Especialista en Comercio electrónico con Woocommerce. Te ayudo a crear, gestionar y publicitar tu Ecommerce en función de tu sector y público objetivo. Puedes encontrarme en Diegol.top

¿Necesitas ayuda con este tutorial? Mándame un correo y te resuelvo todas las dudas!


Ver servicios Contactar

También puedes suscribirte a mi newsletter para no perderte ninguna novedad

Reader Interactions

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *