Avisos
Vaciar todo

Número de columnas con woocommerce

2 Respuestas
2 Usuarios
0 Reactions
37 Visitas
Respuestas: 144
Reputable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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


 
Respondido : 04/10/2019 2:07 pm
Pepe
 Pepe
Respuestas: 42224
Illustrious Member Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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


 
Respondido : 04/10/2019 4:14 pm