Cambiar el número de columnas en la página Tienda

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

  1. Abre el fichero functions.php de tu tema.
  2. 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; }
  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.

3 Comments

Manu

Hola,

Magnífico, gracias por compartir, me sirvió, millón de gracias.

Me suscribo a tu blog 😉

Un saludo.

Reply
Carlos M. García

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

Reply

Deja una respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.