Cadre noir autour des photos

[ced007]

Bonjour, Je débute sous prestashop...

Je tourne sous prestashop 1.7 avec le thème "Outlinne6 version 1.0.0. Je souhaiterai maitre un contour noir autour de mes photos produit du style ce template:

J'ai réussi a changer la couleur du fond en modifiant le fichier ImageManager.php dans class mais je n'arrive pas a mettre une image de cadre autour.

Merci pour votre aide.

Ced

 

Edited May 2, 2018 by ced007 (see edit history)

[John]

un lien vers votre boutique ?

[John]

dans "tontheme/assets/theme.css" cherche ceci: 

.product-cover

et tu ajoutes:

border: 14px solid black;

[John]

ou si tu veux exactement les meme couleurs:

ajoutes plutot

    border-width: 14px;
    border-color: #333 #111 #333 #111;
    border-style: solid;

[ced007]

SUPER!

C'est exactement ce que je voulais. Si je veux ce même cadre sur toutes les photos c'est a quel endroit?

Encore merci pour ta réactivité.

 

[John]

Comment ca sur toutes les photos? ce que tu as rajouté devrais le metre sur toutes les photos produits.

[ced007]

Oui effectivement mais sur ma page d'accueil j'ai un module meilleures ventes,nouveaux produits,..

J'ai le cadre noir juste quand je clique sur le produit et que j'y suis dedans.

Je le voudrait si c'est possible partout. (désolé je me suis mal exprimé)

 

[John]

dans le meme fichier cherches:

.photo-wrapper

et tu ajoutes:

border-width: 10px;
    border-color: #333 #111 #333 #111;
    border-style: solid;

j'ai volontairement mis la bordure plus fine car ca va faire bizare aussi gros sur la page d accueil. 

tu peux jouer avec en changeant la valeur de border-width

tu peux jouet avec les couleurs et le style de bordure

[ced007]

Je n'ai pas .photo-wrapper dans mon css.

Petite question technique: tous les css du site sont gérés par le fichier "theme.css" ? les modules aussi?

Le module que j'utilise sur ma page d’accueil es "ps_featuredproducts"

Merci

[John]

Si tu as un lien vers ton site ca serais vraiment plus simple

[ced007]

Je l'ai en local. Vu que je découvre prestashop je fais des test en local avant de le mettre en ligne.

Je viens de regarder le code source (css) du template ou je souhaite le même effet de cadre autour des photos (boutique/produits), il y a bien un .photo-wrapper

Par contre dans mon template il n'y est pas, mais à priori ce serait soit:

class="owl-item active" ou class="item-product" ou class="js-product-miniature item_in"

Mais je ne trouve rien de cela dans mon fichier theme_outline6/assets/theme.css

 

 

[John]

tu devrais utilisé firebug sur firefox afin d identifier le bon css

[John]

je croi avoir trouver ton theme.

essayes de chercher dans theme.css

.js-product-miniature .img_block img

et ajoute les lignes que je t ai donné plus haut

[ced007]

Merci John pour ton aide, rapide et efficace. Effectivement cela fonctionne

Par contre c'est dans le fichier custom.css que j'ai trouvé .js-product-miniature .img_block img

Encore merci