Productos pequeños ...
Avisos
Vaciar todo

[Resuelto] Productos pequeños en categorias  

Página 2 / 2
 
Manuel Jesús
 Manuel Jesús
Reputable Member

Hola, se me ven los productos pequeños en la categoria, he vesito en otro hilo que se soluciona para la misma plantilla con un código css. ¿Podrías indicarme donde tengo que indicar dicho código?

.product-miniature-default .product-thumbnail img {
    max-height: 150px;
}

Captura de pantalla 2022 06 20 a las 16.06.27
 

Contenido solo visible a usuarios registrados

Citar
Respondido : 20/06/2022 3:14 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Manuel, 

En este caso prueba con el siguiente código:

#category .img-fluid {
max-width: 131%;
}
.img-fluid.js-lazy-product-image.lazy-product-image.product-thumbnail-second.entered.loaded {
width: 550px !important;
height: auto;
}

Si no te permite añadir mostrar el cambio en el archivo custom.css una alternativa es usar un módulo para añadir CSS personalizado como -> Contenido solo visible a usuarios registrados debes registrarte para poder descargarlos 

Ten en cuenta que también puedes probar regenerar el tamaño de las imágenes desde las opciones de Diseño -> Ajustes de imágenes 

image
image

Puedes activar el tamaño para productos y categorías, luego de ello regenerar las imágenes y comprobar si con ello se muestran como deseas

image

Ten en cuenta las advertencias de la sección, ya que esto puede modificar todos los tamaños. 

Luego de realizar esto borra la caché de tu sitio web para que puedas ver los cambios

Un Saludo 

Esta publicación ha sido modificada el hace 1 mes 2 veces por Karen Rios
ResponderCitar
Respondido : 22/06/2022 1:59 pm

Cursos Gratuitos WordPress

Manuel Jesús
 Manuel Jesús
Reputable Member

@karen

Hola, buenos días.

 

No consigo que funcione. El modulo no he podido descargarlo. Sobre la regeneración de miniaturas no cada vez que la hago se congela la web, salta el error 503 al tiempo.

ResponderCitar
Respondido : 27/06/2022 9:01 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Manuel Jesus.

La plantilla tiene una opción de configuración en vivo:

.- Accede a Diseño -> IqitThemeEditor - Live

.- Selecciona Content Pages

. Selecciona " Product lists/Carousels "

.- En al Opción " Grid " modifica los productos por fila.

 

Tienes documentación de tu plantilla en este enlace:

-> https://iqit-commerce.com/xdocs/warehouse-theme-documentation/

 

Un saludo

 

ResponderCitar
Respondido : 27/06/2022 10:28 am

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

Manuel Jesús
 Manuel Jesús
Reputable Member

 

@pepesoler

Hola, Pepe. No es eso lo que busco, busco que en la categoría los productos se vean en filas de 3 y una foto más grande. Después del último código css que me indicasteis, se ven las fotos achatadas, he borrado dicho código pero sigue igual. Adjunto imagen 

Captura de pantalla 2022 06 27 a las 17.10.31

 

Esta publicación ha sido modificada el hace 1 mes por Manuel Jesús
ResponderCitar
Respondido : 27/06/2022 4:13 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Manuel,

Este tipo de ajuste es personalizado, si no te funciona la mayoría de los códigos que te hemos compartido, ya tendrías que validar con soporte del tema. Para que vuelvan a verse como deberían, elimina este código:

#category .img-fluid {
max-width: 131%;
}

También este:

.product-miniature-default .product-thumbnail img {
max-height: 150px;
}

Con estos se vería así:

image

Como te comentamos el funcionamiento del tema es correcto, este tipo de ajuste que necesitas va más allá de algún problema y es una personalización a medida de tu tema, para ello como te indico previamente consulta con el desarrollador del tema o bien con nuestros colaboradores:

https://www.webempresa.com/directorio-colaboradores.html

Un saludo 🖐️ 

ResponderCitar
Respondido : 27/06/2022 4:37 pm

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

Manuel Jesús
 Manuel Jesús
Reputable Member
Respondido por: @pepesoler

Hola Manuel.

Para las categorias prueba con lo siguiente:

img.img-fluid.js-lazy-product-image.lazy-product-image.product-thumbnail-first.entered.loaded {
width: 450px;
height: auto;
}

 

Un saludo

Desactivé la plantilla, la volvi a activarla. Renombré el custom_Css y con este código de pepe, funcionó. Gracias!

ResponderCitar
Respondido : 30/06/2022 3:54 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Manuel, 

Enhorabuena lograste que todo funcionará, es un placer para nosotros poder ayudarte.  

Escríbenos si tienes cualquier otra consulta

Un Saludo 😊 

ResponderCitar
Respondido : 30/06/2022 3:58 pm

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

Página 2 / 2