En todos los sitios donde vemos los listados de productos en Prestashop 1.7, vemos que rodea a los productos una especie de sombra.
![](https://victor-rodenas.com/wp-content/uploads/2018/02/soba.png)
La idea es dejar los productos de la siguiente forma:
![](https://victor-rodenas.com/wp-content/uploads/2018/02/sinSombra.png)
Cuando intentamos inspeccionar el elemento, por ejemplo desde Chrome (F11 / botón derecho del ratón -> inspeccionar elemento).
![](https://victor-rodenas.com/wp-content/uploads/2018/02/inas-1-1024x366.png)
Vemos en el fichero:
/themes/classic/assets/css/theme.css
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container { position: relative; margin-bottom: 1.563rem; height: 318px; width: 257px; background: #fff; box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2); }
El efecto lo está haciendo el “box-shadow“.
Información sobre “box-shadow” aquí:
http://librosweb.es/libro/css_avanzado/capitulo_1/sombras.html
Es cierto que puedes editar el fichero y quitar el box-shadow solamente, pero como tenéis el fichero:
/themes/classic/assets/css/custom.css
para añadir vuestras propias personalizaciones, os será más sencillo añadir esta única instrucción:
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container { box-shadow: none; }
![](https://victor-rodenas.com/wp-content/uploads/2018/02/soma-1024x243.png)
De esta forma, estamos sobrescribiendo el valor del box-shadow que teníamos en el theme.css
Por otro lado, si vamos a la ficha del producto vemos que siguen las sombras:
![](https://victor-rodenas.com/wp-content/uploads/2018/02/sombarf.png)
![](https://victor-rodenas.com/wp-content/uploads/2018/02/imfa-1024x429.png)
Añadimos en el fichero:
/themes/classic/assets/css/custom.css
.product-images>li.thumb-container>.thumb { box-shadow: none; } .product-cover img { box-shadow: none; }
![](https://victor-rodenas.com/wp-content/uploads/2018/02/sombaraquitada-1024x336.png)
Tener en cuenta que estamos tocando “clases” en el css, mucho cuidado porque una clase afecta a distintas partes.
Documento construido bajo Prestashop 1.7.2.4 con la plantilla por defecto.