Fotos de portada de categorías achatadas - SOLUCIONADO

[Langos Moda]

En mi web festagallerybodas.es hecha con prestashop 1.7 cuando accedo a una categoría del top menú o de cualquier otro lugar esta me muestra la imagen de portada con el ancho deseado pero con la altura a casi una tercera parte achatada.

Podrían ayudarme a saber por que las imágenes se ven así y de esa forma poder solucionarlo... a sinoplemente ayúdenme a devolver las imágenes a su tamaño real sin que se achaten

así es como se ve ahora (Arriba)

Así es como debería verse (Arriba)

 

Quedo esperando ayuda : GRACIAS

Edited September 8, 2021 by ofimat
error en texto ortografía (see edit history)

[Josraso]

Si pusieras los enlaces a esas categorias resultaria mas facil, comprobar, de todas formas lo que veo que el tamaño de la imagen que usas para esa zona es de 800x800 la cual es cuadrada y deberia ser rectangular.
Por ejemplo en esta categoria http://festagallerybodas.es/65-pastelerias  si miramos la imagen http://festagallerybodas.es/c/65-large_default/pastelerias.jpg vemos que esta es de la medida que comente.

[Langos Moda]

Perdóname si peco de ignorante.... pero antes de tener este error no tenia ninguna fallo en esto de las fotos se veian bien.  Pero como tengo fe en que eres un verdadero profesional dime que debería de hacer

 

¿cambiar tamaño en ajuste de imágenes? ¿regenerar imágenes? ¿no se?...  ayúdame y lo que tu propongas seran ordenes para mi y lo probare

 

gracias

[Josraso]

Primero de nada, estaria bien un pantallazo de como tienes configuradas las medidas de las imagenes en Diseño->  Ajustes de imágenes a partir de ver como lo tienes vemos que hacer.

Por cierto una pregunta.

¿Que version estas usando de prestashop?

[Loadinges]

Buenas,

Lo ideal sería crear un tipo de imagen con ese tamaño (780x200).

Como solución temporal, puedes modificar el css que fuerza que la imagen se vea en ese tamaño y la "achata". 

Modifica el fichero:

/themes/zSirius/assets/css/theme.css

Cambia estas líneas:

  .block-category .category-cover {
    position: absolute;
    right: 1rem;
    bottom: 0; }

Por:

  .block-category .category-cover {
    right: 1rem;
    bottom: 0; }

Y estas otras:

.block-category .category-cover img {
    width: 780px;
    height: 200px;
    margin-bottom: 10px; }

Por:

.block-category .category-cover img {
    width: 780px;
    margin-bottom: 10px; }

De esta forma se verá así:

[Langos Moda]

Pruebo y os digo algo

 

 

[Gerardo Martinez G]

Tu imagen esta correcta
http://festagallerybodas.es/img/c/65.jpg

el theme que usas o lo que ayas modificado esta a 780x200

Lo estas haciendo bien por el lado de las imagenes

 

Tu error fue que modificaste 1 archivo tpl
Estas usando una variable para extender la imagen de categorias y la tomaste como si fuera para producto y por eso el aspecto de 800x800

Regresa el tpl o que ayas modificado para extender la imagen y usa lo correcto