Columnas en categor...
Avisos
Vaciar todo

[Resuelto] Columnas en categorias  

 
isabel
 isabel
Honorable Member

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
Soporte CMS Webempresa 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

wpdoctor-revisa-la-salud-de-tu-wordpress

isabel
 isabel
Honorable Member

@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
Soporte CMS Webempresa 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

Cursos Gratuitos WordPress

isabel
 isabel
Honorable Member

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

Respondido : 03/01/2024 2:43 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

isabel
 isabel
Honorable Member

@pepesoler Mil gracias, solucionado.

Respondido : 03/01/2024 6:56 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación