Columnas en categor...
 
Avisos
Vaciar todo

[Resuelto] Columnas en categorias

8 Respuestas
3 Usuarios
0 Reacciones
26 Visitas
isabel
Respuestas: 642
Noble 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: 42532
Illustrious Member
 

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: 642
Noble 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: 42532
Illustrious Member
 

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: 642
Noble 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: 42532
Illustrious Member
 

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: 642
Noble Member
Topic starter
 

@pepesoler Mil gracias, solucionado.


 
Respondido : 03/01/2024 6:56 pm
Karen Rios
Respuestas: 20420
Illustrious Member Admin
 

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