Prestashop 1.7 cambio de portada en categoría

[JMRH]

Hola, buen día.

Espero poder explicar mi problema correctamente. Me gustaría agregar imágenes de portada de categoría que llenen todo el cuadro de imagen de portada de categoría (creo que es 760 ancho y 160 de alto).  El tamaño es 141 de ancho y 180 de alto. Cambié el tamaño de la configuración de imagen "category_default" de 141x180 a 760x160 y utilicé una imagen con ese tamaño. Pero la imagen sigue siendo pequeña (141x180) y luego se distorsiona también. ¿Puedo cambiar la configuración para obtener los resultados deseados o necesito cambiar el código en cualquier lugar? ¿Y cómo abordaría ese problema para resolverlo? atentamente,

 

[ventura]

En principio tendrás que tocar algo mas, como poco el css del theme, puedes sobrescribirlo añadiendo en 

/themes/classic/assets/css/custom.css

Algo asi por ejemplo 

.block-category.card-block {
padding:0;
border: none;
}
.block-category.card h1 {
    position: absolute;
    z-index: 9999;
    color: white;
    text-align: center;
    width: 100%;
    right: 0;
    left: 0;
    margin-top: 10%;
    font-size: 30px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
}
.block-category .block-category-inner #category-description p {
    margin-bottom: 0;
    position: absolute;
    color: white;
    z-index: 9999;
    text-align: center;
    margin: 0 auto;
    width: 80%;
    right: 0;
    left: 0;
    top: 50%;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
}
.block-category .block-category-inner .category-cover img {
    width: 100%;
    height: auto;
    position: relative;
}

 

Para obtener este resultado con un formato de imagen de 1000px de anchura por 340px de altura en category_default

 

[JMRH]

1 hour ago, ventura said:

En principio tendrás que tocar algo mas, como poco el css del theme, puedes sobrescribirlo añadiendo en 

/themes/classic/assets/css/custom.css

Algo asi por ejemplo 

.block-category.card-block {
padding:0;
border: none;
}
.block-category.card h1 {
    position: absolute;
    z-index: 9999;
    color: white;
    text-align: center;
    width: 100%;
    right: 0;
    left: 0;
    margin-top: 10%;
    font-size: 30px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
}
.block-category .block-category-inner #category-description p {
    margin-bottom: 0;
    position: absolute;
    color: white;
    z-index: 9999;
    text-align: center;
    margin: 0 auto;
    width: 80%;
    right: 0;
    left: 0;
    top: 50%;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
}
.block-category .block-category-inner .category-cover img {
    width: 100%;
    height: auto;
    position: relative;
}

 

Para obtener este resultado con un formato de imagen de 1000px de anchura por 340px de altura en category_default

 

 

 

 

Muchas gracias, con  esas inclusiones pude realizar los cambios requeridos, saludos.