Avisos
Vaciar todo

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

8 Respuestas
4 Usuarios
0 Reactions
4,472 Visitas
David
Respuestas: 224
Estimable 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
 

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


 
Respondido : 29/07/2015 12:56 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
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,

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.


 
Respondido : 29/07/2015 2:18 pm
Julen
Respuestas: 2892
Famed Member
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 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


 
Respondido : 29/07/2015 2:19 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
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,

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


 
Respondido : 29/07/2015 2:32 pm
David
Respuestas: 224
Estimable 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
 

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


 
Respondido : 29/07/2015 4:41 pm
David
Respuestas: 224
Estimable 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
 

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!


 
Respondido : 29/07/2015 4:49 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
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

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.


 
Respondido : 29/07/2015 6:28 pm
David
Respuestas: 224
Estimable 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
 

Muchísimas gracias!


 
Respondido : 29/07/2015 6:54 pm