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.

One Comment

Manu

Hola,

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

Me suscribo a tu blog 😉

Un saludo.

Reply

Deja un comentario

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