¿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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

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

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

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

optimiza-automaticamente-todas-las-imagenes-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

Cursos Gratuitos 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/item/1469-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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

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

Muchísimas gracias!

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

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

Por favor Iniciar Sesión o Registro