Columnas en categor...
 
Avisos
Vaciar todo

[Resuelto] Columnas en categorias

8 Respuestas
3 Usuarios
0 Reactions
26 Visitas
isabel
Respuestas: 637
Honorable Member
Topic starter
 

Buenos días.

 

Como se hace para que en vez de que salgan los productos en filas de 4 sea de 3?

 

Gracias

Contenido solo visible a usuarios registrados


 
Respondido : 03/01/2024 10:35 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Isabel.

Supongo que te refieres a esto:

screenshot www.aguaparahosteleria.com 2024.01.03 13 03 46

Añade lo siguiente en el archivo functions.php que encontrarás en wp-content -> themes -> tu_plantilla o si utilizas algún plugin para añadir código como puede ser Code Snippets:

/**
* Cambiar el número de columnas
*/

add_filter('loop_shop_columns', 'loop_columns', 999);
if (!function_exists('loop_columns')) {
function loop_columns() {
return 3; // 3 productos por columna
}
}

 

Nota: Necesitamos que realices las consultas desde la cuenta donde tienes el dominio, con eso nos ayudas a nosotros en nuestro trabajo y te podremos ofrecer un mejor soporte. 

 

Un saludo


 
Respondido : 03/01/2024 12:22 pm
isabel
Respuestas: 637
Honorable Member
Topic starter
 

@pepesoler Gracias, pero el código que me dices es para wordpress, pero yo lo necesito para prestashop 1.7


 
Respondido : 03/01/2024 1:54 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Isabel.

Necesitamos saber la cuenta de hosting donde tienes la instalación para poder revisarlo con más detalle.

Puedes probar añadiendo lo siente en. el archivo custom.css:

#products .product-miniature {
width: 30%;
}

 

Como te digo necesitamos saber la cuenta de hosting ya que nos permite realizar más pruebas y saber lo que tiene instalado para informarte mejor.

 

Un saludo


 
Respondido : 03/01/2024 2:26 pm
isabel
Respuestas: 637
Honorable Member
Topic starter
 

@pepesoler el Hosting vabuysco, pero no tengo otro foro solo este para las consultas


 
Respondido : 03/01/2024 2:43 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Isabel.

Ok, Ahora si que lo veo 😀 Gracias.....

.- Accede a tu cuenta de wePanel -> Administrador de archivos.

.- Accede a la carpeta donde tienes la instalación.

.- Accede a themes -> classic -> assets -> css y edita el archivo custom.css

.- Añade lo siguiente al archivo:

#products .product-miniature {
width: 31%;
}

#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
height: 380px;
width: 350px;

}
#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
width: 350px!important;
height: 100px
}

.product-miniature .product-price-and-shipping {
font-size: 20px;
}

Una vez añadido:

.- Accede a la administración de prestashop

.- accede a Configuración -> Parámetros Avanzados -> Rendimiento.

.- Vacía la caché y lo revisas.

 

Un saludo

 


 
Respondido : 03/01/2024 3:33 pm
isabel
Respuestas: 637
Honorable Member
Topic starter
 

@pepesoler Mil gracias, solucionado.


 
Respondido : 03/01/2024 6:56 pm
Karen Rios
Respuestas: 18661
Illustrious Member Moderator
 

Hola Isabel, 

Enhorabuena has logrado solucionarlo, es un placer para nosotros siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta. 

Un Saludo 😊 


 
Respondido : 03/01/2024 7:01 pm