Supprimer le cadre blanc autour de vos images | Astuce Prestashop 1.6

Lorsqu’on upload une image dans Prestashop, ce dernier la redimensionne selon les différents formats spécifiés dans « préférences/images ».

Mais si vous regardez bien le front-office de  votre boutique, vous pouvez remarquer que Prestashop ajoute par défaut un cadre blanc autour de votre image.

Cette astuce Prestashop est valable pour la version 1.6

Voici la solution pour remédier à ce problème :

1) Créez un fichier nommé « imageManager.php » dans le dossier « override/classes » et ajoutez-le code suivant:

2) Allez dans le back-office de prestashop, Préférences > Images > Regénérer les miniatures et cliquez sur le bouton « Regénérer des miniatures » . Selon peut prendre un peu de temps….

Prestashop

3) Paramètres avancés > Performances => videz le cache

———–

Voici le résultat : 

prestashop-cade-blanc

Articles similaires

Comment modifier le message de Copyright en bas de page | Prestashop 1.7 ?
views 20592
Lors du paramétrage de votre boutique Prestashop, vous désirez peut-être modifier le message de Copyright en bas de page. Par défaut, le message est le suivant : © 2016 – Ecommerce software by PrestaShop™. Lorsque nous cliquons sur lien,  on est transféré sur le site de Prestashop. Dans un premier temps, nous verrons comment modifier le message et dans un deuxième temps, comment modif...
Insérer un favicon dans votre boutique Prestashop
views 6364
A) Qu'est ce qu'un favicon ?  Le favicon est l'icône qui se situe à  gauche de l'URL dans la barre d'adresse de votre navigateur B) Quelle est la taille d'un favicon ?  Cette icône a généralement une taille de 16 × 16 ou 32 × 32 pixels. C) Comment insérer un favicon sur ma boutique Prestashop ?  1. Vous devez créer une image de16 × 16 ou 32 × 32 pixels en utilisant Photoshop par exemp...
POSITION : inverser le hook displayHome et DisplayHomeTab | Astuce Prestashop 1.6
views 2482
Ce tuto va vous permettre d'inverser le hook displayHome et hookDisplayHomeTab, situé sur la page d'accueil de Prestashop A la base voici comment sont positionnés les deux hooks  : Comment inverser ses deux hooks ?  1. Ouvrez le fichier index.tpl qui se situe dans themes > lenomdevotretheme > index.tpl 2. Mettre le code suivant : Avant 3. Voici le code dans sa totalité ...
Quel nom de domaine pour mon site e-commerce
views 160
MON NOM DE DOMAINE Le choix du nom de domaine est la première décision importante lorsque vous décidez de créer un site e-commerce ou un site vitrine. Il est très important de réfléchir à celui-ci avant de faire votre choix car il a un impact direct sur votre image de marque sur le web et sur la facilité avec laquelle les internautes trouveront votre site sur les moteurs de recherche. ...
Comment activer SSL dans PrestaShop 1.6 & 1.7 ?
views 3859
Dans ce tuto nous allons voir comment activer le SSL sur votre boutique, c'est tout simple Qu'est- ce que le SSL ? Lorsque vous regardez l'url des sites web, ils commencent en général  par « http:// »  ou « https:// ». Ce « s » indique que le site sur lequel vous naviguez est chiffré afin que vos données ne puissent pas être interceptées.  Le site est donc sécurisé, cela s'appelle SSL soit Secur...

6 réponses à “Supprimer le cadre blanc autour de vos images | Astuce Prestashop 1.6”

  1. anglada claude dit :

    Bonjour,

    Pour enlever le pourtour blanc du produit dans l’affichage d’une catégorie, fichier « prestashop\themes\default-bootstrap\css\product_list.css »,
    supprimer la ligne 163 sur le background et mettre le border de la ligne 167 à 0.

    Pour une meilleure lisibilité, j’ai voulu que le nom du produit sous la photo du produit soit en gras, fichier « prestashop\themes\default-bootstrap\css\global.css »,
    à la ligne 6243, rajouter cette ligne :
    font-weight: bold;

    Voila, cette petite astuce fonctionne sur ma version de prestashop 1.6.1.1

    Cordialement,

    Claude

  2. sébastien dit :

    bonjour,
    j’ai testé votre méthode sous prestashop 1.6.1.5 !
    mais sans succès !
    savez vous si cette méthode fonctionne sous prestashop 1.6.1.5 svp et merci d’avance.

    Cordialement
    Sébastien

  3. c_majory dit :

    Bonjour,

    Oui elle fonctionne, c’est peut-être un problème de cache.

    Allez dans le dossier cache et supprimer le fichier class_index.php

    Ensuite aller dans le back office de presta et régénérer une nouvelle fois les images

  4. sébastien dit :

    Super ça fonctionne !
    j’avais faite la manip du cache la dernière fois mais sans succès ! bizarre !!!
    mais cette fois tout est ok !
    encore merci pour tout

  5. Privé dit :

    Bonjour,

    j’ai essayé la manip a plusieurs reprises aussi sur mon presta 1.3.1.3 mais ça plante a chaque fois ! des que je veux régénérer les miniatures après l’override, j’ai une page avec erreur 500. si je retire votre fichier , tout refonctionne… dommage car je ne trouve aucun autre post sur google pour ce probleme de cadre blanc. C ‘est soulant d’avoir toujours a chercher et bidouiller prestashop alors qu’ils pourraient laisser acces à ce genre de modifs plus facilement.

  6. Clem_b dit :

    Bonjour,
    Merci pour l’astuce, cependant j’aurai voulu savoir s’il était possible de l’appliquer Uniquement aux images « large_default » plutôt qu’à toutes nos images ?

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *