Avisos
Vaciar todo

Número de columnas con woocommerce  

 
Beatriz
 Beatriz
Estimable Member

Buenas tardes,

En mi tienda online me gustaría que, en vez de aparecer 3 productos por flla, apareciesen 2 y así quedase más espacio entre los productos. ¿Cómo puedo hacer esto? Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/10/2019 3:07 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Beatriz.

Edita el archivo style.css que encontrarás en la ruta wp-content -> themes -> Divi " style.css " y añade los siguiente al final del archivo

@media screen and (min-width:1024px) {
    .woocommerce ul.products li.product { 
	width: 40% !important;
	margin: 2% !important;
	clear: none !important;
    }
    .woocommerce ul.products li.product:nth-child(4n+1) {
	clear: both !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .woocommerce ul.products li.product.first, .woocommerce ul.products li.product.last {
        clear: right !important;
    }
    .woocommerce ul.products li.product:nth-child(4n+1) {
         clear: none !important;
    }
}

Un saludo

ResponderCitar
Respondido : 04/10/2019 5:14 pm