Puedes modificar tu tienda con los plugins gratis disponibles en WordPress.org, pero si tienes tiempo de investigar en el código, algunas veces puedes conseguir un modesto incremento en la velocidad de tu sitio escribiendo unas pocas líneas de código en lugar de cargar un plugin. Vamos a ver cómo cambiar el número de columnas en tu tienda sin utilizar un plugin.
Preparándonos
Tendrás que tener unos cuantos artículos en tu tienda para ver como se reorganizan las columnas.
Cómo hacerlo
- Abre el fichero functions.php de tu tema.
- Añade estas líneas de código:
add_filter( 'loop_shop_columns', 'woocommerce_custom_loop_shop_columns', 20 ); function woocommerce_custom_loop_shop_columns( $cols ) { return 3; }
- Si no ves 3 columnas, seguramente tendrás que modificar el fichero de tu tema style.css.
Copia este código en este fichero:
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width: 30.75% }.
Modifica el valor de width hasta que consigas el adecuado.
Hola,
Magnífico, gracias por compartir, me sirvió, millón de gracias.
Me suscribo a tu blog 😉
Un saludo.
Lo maximo, despues de buscar mucho funciono
Hola. Muchas gracias por la información. Aunque a mi no me funciona, ha sido el comienzo para tirar del hilo y llegar a la solución. En mi caso estoy usando una plantilla hija de GeneratePress. El filtro que propones es correctísimo, pero puede fallar si la plantilla instalada ya modifica esta propiedad en su código. He probado a cambiar la prioridad de ejecución del filtro pero tampoco. Finalmente, encontré un lugar entre la configuración de GeneratePress para ajustar esto.
Un saludo