Jump to content

Edit History

kouty_80

kouty_80

11 hours ago, jpalbox said:

Hola, las imágenes se han subido sin ningún margen, no me había dado cuenta de eso, pero parece como si este margen lo creara prestashop al mostrar la imagen como si intentara hacerla cuadrada, la imagen que se ha subido es esta.

MaldicionMaestro.jpg

Cierto, es Prestashop el que le pone ese fondo. Lo que tienes que hacer si no quieres que salga, es subir la imagen en png en vez de en jpg. Y luego quitar un par de estilos a la clase .product-cover img, estos dos que te pongo en la imagen, el fondo blanco y la sombra:

image.png.e35163802c6d33b8bde70843e76b3434.png

Puedes poner en el archivo custom.css que está en themes/classic/assets/css/ esto:

.product-cover img {
    box-shadow: none !important;
    background: none !important;
}

Y queda así:

image.thumb.png.1cfd1079a4e2a581e29ecc72f587eefc.png

 

Si quieres quitar también ese fondo blanco y la sombra del modal que se abre cuando clicas en la imagen y de las miniaturas, tienes que añadir esto también a tu custom.css:

#product-modal .modal-content .modal-body .product-cover-modal{
        background:none!important;

}

#product-modal .modal-content .modal-body .image-caption{
    background:none!important;
    
}

#product-modal .modal-content .modal-body .product-images img{
    background: none !important;
}

.product-images>li.thumb-container>.thumb{
    box-shadow: none !important;
}

#product-modal .modal-content .modal-body .image-caption{
    border-top:none!important;
}

Y por si acaso, revisa que tengas esta opción marcada en Ajustes de imágenes:

image.thumb.png.179ed64d3fefba5a92c19d54d3d7e826.png

Te dejo la imagen en png para que la descargues por si no la tienes:

png_libro.png.c16aee15a647e4208f816120303b0758.png

kouty_80

kouty_80

11 hours ago, jpalbox said:

Hola, las imágenes se han subido sin ningún margen, no me había dado cuenta de eso, pero parece como si este margen lo creara prestashop al mostrar la imagen como si intentara hacerla cuadrada, la imagen que se ha subido es esta.

MaldicionMaestro.jpg

Cierto, es Prestashop el que le pone ese fondo. Lo que tienes que hacer si no quieres que salga, es subir la imagen en png en vez de en jpg. Y luego quitar un par de estilos a la clase .product-cover img, estos dos que te pongo en la imagen, el fondo blanco y la sombra:

image.png.e35163802c6d33b8bde70843e76b3434.png

Puedes poner en el archivo custom.css que está en themes/classic/assets/css/ esto:

.product-cover img {
    box-shadow: none !important;
    background: none !important;
}

Y queda así:

image.thumb.png.1cfd1079a4e2a581e29ecc72f587eefc.png

 

Si quieres quitar también ese fondo blanco y la sombra del modal que se abre cuando clicas en la imagen y de las miniaturas, tienes que añadir esto también a tu custom.css:

#product-modal .modal-content .modal-body .product-cover-modal{
        background:none!important;

}

#product-modal .modal-content .modal-body .image-caption{
    background:none!important;
    
}

#product-modal .modal-content .modal-body .product-images img{
    background: none !important;
}

.product-images>li.thumb-container>.thumb{
    box-shadow: none !important;
}

#product-modal .modal-content .modal-body .image-caption{
    border-top:none!important;
}

Y por si acaso, revisa que tengas esta opción marcada en Ajustes de imágenes:

image.thumb.png.179ed64d3fefba5a92c19d54d3d7e826.png

kouty_80

kouty_80

11 hours ago, jpalbox said:

Hola, las imágenes se han subido sin ningún margen, no me había dado cuenta de eso, pero parece como si este margen lo creara prestashop al mostrar la imagen como si intentara hacerla cuadrada, la imagen que se ha subido es esta.

MaldicionMaestro.jpg

Cierto, es Prestashop el que le pone ese fondo. Lo que tienes que hacer si no quieres que salga, es subir la imagen en png en vez de en jpg. Y luego quitar un par de estilos a la clase .product-cover img, estos dos que te pongo en la imagen, el fondo blanco y la sombra:

image.png.e35163802c6d33b8bde70843e76b3434.png

Puedes poner en el archivo custom.css que está en themes/classic/assets/css/ esto:

.product-cover img {
    box-shadow: none !important;
    background: none !important;
}

Y queda así:

image.thumb.png.1cfd1079a4e2a581e29ecc72f587eefc.png

 

Si quieres quitar también ese fondo blanco y la sombra del modal que se abre cuando clicas en la imagen y de las miniaturas, tienes que añadir esto también a tu custom.css:

#product-modal .modal-content .modal-body .product-cover-modal{
        background:none!important;

}

#product-modal .modal-content .modal-body .image-caption{
    background:none!important;
    
}

#product-modal .modal-content .modal-body .product-images img{
    background: none !important;
}

.product-images>li.thumb-container>.thumb{
    box-shadow: none !important;
}

#product-modal .modal-content .modal-body .image-caption{
    border-top:none!important;
}

kouty_80

kouty_80

10 hours ago, jpalbox said:

Hola, las imágenes se han subido sin ningún margen, no me había dado cuenta de eso, pero parece como si este margen lo creara prestashop al mostrar la imagen como si intentara hacerla cuadrada, la imagen que se ha subido es esta.

MaldicionMaestro.jpg

Cierto, es Prestashop el que le pone ese fondo. Lo que tienes que hacer si no quieres que salga, es subir la imagen en png en vez de en jpg. Y luego quitar un par de estilos a la clase .product-cover img, estos dos que te pongo en la imagen, el fondo blanco y la sombra:

image.png.e35163802c6d33b8bde70843e76b3434.png

Puedes poner en el archivo custom.css que está en themes/classic/assets/css/ esto:

.product-cover img {
    box-shadow: none !important;
    background: none !important;
}

Y queda así:

image.thumb.png.1cfd1079a4e2a581e29ecc72f587eefc.png

 

Si quieres quitar también ese fondo blanco y la sombra del modal que se abre cuando clicas en la imagen y de las miniaturas, tienes que añadir esto a tu custom.css:

#product-modal .modal-content .modal-body .product-cover-modal{
        background:none!important;

}

#product-modal .modal-content .modal-body .image-caption{
    background:none!important;
    
}

#product-modal .modal-content .modal-body .product-images img{
    background: none !important;
}

.product-images>li.thumb-container>.thumb{
    box-shadow: none !important;
}

#product-modal .modal-content .modal-body .image-caption{
    border-top:none!important;
}

kouty_80

kouty_80

10 hours ago, jpalbox said:

Hola, las imágenes se han subido sin ningún margen, no me había dado cuenta de eso, pero parece como si este margen lo creara prestashop al mostrar la imagen como si intentara hacerla cuadrada, la imagen que se ha subido es esta.

MaldicionMaestro.jpg

Cierto, es Prestashop el que le pone ese fondo. Lo que tienes que hacer si no quieres que salga, es subir la imagen en png en vez de en jpg. Y luego quitar un par de estilos a la clase -product-cover img, estos dos que te pone en la imagen, el fondo blanco y la sombra:

image.png.e35163802c6d33b8bde70843e76b3434.png

Y queda así:

image.thumb.png.1cfd1079a4e2a581e29ecc72f587eefc.png

 

 

×
×
  • Create New...