¿Tienes tu comercio electrónico creado con WooCommerce y te gustaría modificar el número de columnas en las que se muestran los productos del mismo?
La forma fácil
Existen infinidad de plugins que te pueden ayudar en este proceso sin tocar nada de código, pero siempre es mejor hacerlo de la manera más eficiente y que consuma la menor cantidad de recursos.
La mejor forma (también fácil pero un poco menos)
Para ello, una vez más echaremos mano de los hooks de WooCommerce para introducir un pequeño código en el archivo functions.php de nuestro tema hijo.
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 3; // Indicar aquí el número de columnas que queremos. En este caso se mostrarían 3
}
}
Guardamos, y aquí tenemos ya funcionando nuestra nueva página de tienda con 3 columnas.
Simplemente modifica el número que se encuentra en el código y pon tantas columnas como quieras.
Termina de pulir los cambios con CSS
Finalmente para dejarlo ya pulido al máximo, quizás quieras tocar el archivo style.css para retocar ciertos desajustes o modificar un poco la estética.
Recuerda que siempre tienes que hacer los cambios de tu tema, en el tema hijo, ya que si lo haces sobre el tema original, cuando toque una actualización, perderás todos los cambios realizados anteriormente, y por motivos de seguridad es sumamente importante que siempre tengas todos tus temas y plugins actualizados.