Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

¿Cómo cambiar el número de productos por fila?  

 
David
 David
Estimable Member

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

Citar
Respondido : 29/07/2015 1:56 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 29/07/2015 3:18 pm

Julen
 Julen
Miembro Admin

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

ResponderCitar
Respondido : 29/07/2015 3:19 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Ten en cuenta que si aplicas la solución que te indica Julen seguirá siendo necesario aplicar los cambios en los CSS.

ResponderCitar
Respondido : 29/07/2015 3:32 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

David
 David
Estimable Member

Muchísimas gracias a ambos por las respuestas, me pongo a ello

ResponderCitar
Respondido : 29/07/2015 5:41 pm
David
 David
Estimable Member

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!

ResponderCitar
Respondido : 29/07/2015 5:49 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 29/07/2015 7:28 pm
David
 David
Estimable Member

Muchísimas gracias!

ResponderCitar
Respondido : 29/07/2015 7:54 pm

Cursos Gratuitos WordPress