Foto de Categoría (No es la plantilla por defecto)

[Daryl1]

Hola a todos!

 

Tengo un problema a la hora de colocar las fotografías de las cabeceras de las categorías. Con inspeccionar elemento de Google Chrome saqué las medidas exactas en píxeles de lo que tenía que ocupar. Pero al colocar una imagen con exactamente los mismos píxeles no hace que ocupe todo el espacio, sino que deja la mitad del espacio en blanco. Sin embargo ese es el espacio que utiliza para poner los textos de descripción que se pueden añadir a las categorías.

 

¿Cómo puedo hacer para ocupar con la fotografía todo el espacio disponible y que no queden huecos en blanco?

 

Muchas gracias de antemano.

 

Un saludo,

 

Marta

[nadie]

La imagen de la categoria, que subas tiene que ser proporcional al tamaño del tipo de imagen ,definido en la pestaña Preferencias -> Imagenes (En la plantilla por defecto el tipo "category_default" sino es proporcional te lo rellenara de blanco).

 

Tambien puedes ampliar el tipo category_default y despues regenerar las minis y ver como queda el asunto.

[nadie]

Otra opción es esto que nos comenta "Albada": http://www.prestashop.com/forums/topic/221948-quitar-el-relleno-blanco-de-las-imagenes/?do=findComment&comment=1258383

 

Has de hacer que las fotos sean png, (fondo transparente), y has de poner en Preeferencias-imagenes, en calidad de la imagen, seleccionar

Usar PNG si la imagen base está en formato PNG, que esté activado.

 

Hay un programa gratuito, se llama "Inkscape", es fácil para hacer imagenes PNG(para web transparente).

Pon en Youtube hacer imagenes transparentes con Inkscape, y te saldráun video con los pasos a hacer.

 

Saludos

 

[nadie]

También he visto esto: http://www.prestashop.com/forums/topic/201574-image-resize-whitespace/?do=findComment&comment=1027029

Aunque creo haber visto un tema interesante en el foro, tambien sobre este tema, pero no recuerdo el enlace,

[Daryl1]

Buenos días:

 

La plantilla con la que estoy trabajando es la  Bootstrap PrestaShop Clothes template. La página de donde la bajamos es:

 

http://www.prestashoptemplate.org/bootstrap-prestashop-clothes-template-engine-version-1-5-x.html

 

En i plantilla al poner la imagen de categorías , solo ocupa la mitad del espacio y la otra mitad esta reservado para poner un texto:

 

http://s2.subirimagenes.com/fotos/previo/thump_8717352foto-1.png

 

A mi lo que me gustaría sería que ocupase toda la imagen. Lo consigo hacer con el inspeccionar elemento del chrome, pero no se donde he de tocar el código. lo mismo con el slideshare de la pagina principal. Así seria como me gustaría que quedase:

 

http://s2.subirimagenes.com/fotos/previo/thump_8717358foto-2.png

 

Muchísimas gracias por todo.

 

Un saludo:

           Marta.

[nadie]

Viendo la demo de la plantilla: http://livedemo00.template-help.com/free_sample_bootstrap_prestashop/index.php?id_category=5&controller=category&id_lang=3

 

Al parecer en la pestaña Preferencias -> Imagenes tienes que editar el tipo:

 

category_default

Y edita el ancho y el alto.

 

Después regenera las miniaturas del tipo "category_default" en la pestaña Preferencias -> Imagenes

 

Por otro lado, basandome en la url de la demo que te he pasado, si quieres que la descripcion de la categoría aparezca debajo y  no al lado de la imagen.

 

En el fichero:

 

/themes/theme593/css/global.css

tienes esto:

 

.row_category .category_image {
float: left;
margin-right: 20px;
}

Dejalo asi:

 

.row_category .category_image {
margin-bottom:12px;
}