Buenos días, ¿Sabéis como puedo cambiar el número de productos por fila que aparecen en la plantilla Mimas? Actualmente son 4, pero son demasiado pocos y salen demasiado grandes.
Gracias!
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
Para mostrar más productos por fila tendrás que aplicar cambios en el código. Si quieres mostrar 5 productos por fila edita el archivo wp-content/themes/mimas_wp/functions.php y, previa copia de seguridad del mismo, añade el siguiente código al final:
add_filter('loop_shop_columns', 'loop_columns'); if (!function_exists('loop_columns')) { function loop_columns() { return 5; } }
A continuación, vete en la administración de WordPress a Mimas Theme y pulsa en la pestaña Estilo. En el campo CSS Personalizado añade lo siguiente:
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0 2.8% 2.992em 0; width: 17.55%; }
Ten en cuenta que este cambio podría afectar al diseño de la página.
Hola David,
Adicionalmente, puede utilizar uno de los siguientes plugins, para realizar los cambios que nos indicas:
Puedes utilizar WooCommerce Product Archive Customiser --> https://wordpress.org/plugins/woocommerce-product-archive-customiser/
Otra opción WooCommerce Products Per Page --> https://wordpress.org/plugins/woocommerce-products-per-page/
Saludos
Hola,
Ten en cuenta que si aplicas la solución que te indica Julen seguirá siendo necesario aplicar los cambios en los CSS.
Muchísimas gracias a ambos por las respuestas, me pongo a ello
Hola de nuevo, el sistema funciona perfecto en la parte interior de la tienda, pero me faltaría cambiarlo en la portada, en la sección de productos destacados ¿Cómo podría hacerlo?
Gracias!
Hola
Ya has configurado el widget de top ventas para que muestre 5 productos.
Veo que ya estas mostrando 5 productos en el widget de la página de inicio sin embargo se muestran 4 por fila
Adicionalmente a esto se tendría que realizar una modificación CSS
Primero agrega un archivo CSS personalizado
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html
Luego agrega a este archivo el siguiente código :
.destacados ul.product_list_widget li, #rt-maintop ul.product_list_widget li, #rt-content-top ul.product_list_widget li{ width:20%; }
Saludos.
Muchísimas gracias!