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

Afficher le champ adresse sur plusieurs lignes | Bloc contact infos – Astuce Presta...
views 1104
Cette astuce Prestashop est valable pour la version 1.6 Vous l'avez sûrement remarqué, en bas de page, l'adresse de votre magasin est sur une seule ligne. Ce rapide tutoriel va vous permettre d'afficher le champ adresse sur plusieurs lignes Valable pour Prestashop 1.6 et 1.5 ----------------------------------- 1) Pour insérer les informations de votre boutique, il faut aller...
Modifier la police d’écriture avec Google Fonts – PrestaShop 1.7
views 6840
Dans ce tuto nous allons voir comment modifier la police d'écriture avec Google Fonts pour votre site PrestaShop 1.7 A noter: actuellement la police par défaut est Noto Sans, sans-serif Etape 1) Choisir sa police d'écriture  Nous allons choisir notre/nos police(s) d'écriture sur le site de Google Fonts à cette adresse : https://fonts.google.com/ Je vais choisir deux polices d'écriture, 1 ...
Paypal, Hipay & Payplug – Quelle solution de paiement choisir
views 3941
Pour une petite boutique en ligne, mettre en place un contrat de vente à distance (VAD) peut s'avérer difficile en raison des coûts élevés que demande les banques. Aujourd'hui, il existe d'autres solutions de paiement dont Paypal, Hipay et Payplug Ces établissements sont autorisés par l’ACP à exercer en France. Ils ne nécessitent pas de contrat de VAD pour être mis en oeuvre A) Comparat...
Astuce : Centrer votre menu dans Prestashop 1.6
views 4077
Voici un petit tuto qui va vous permettre de centrer votre menu dans prestashop Cette astuce Prestashop est valable pour la version 1.6 Comment centrer le menu sur ma boutique Prestashop ?  Il y a q'un seul fichier à modifier : superfish-modified.css  qui appartient au module blocktopmenu 1) Dans .sf-menu, ajouter text-align:center 2) Dans .sf-menu > li, remplacer float:lef...
Configurer le mode multi-boutique dans PrestaShop 1.6 & 1.7
views 25413
A NOTER : malheureusement à ce jour, il existe encore pas mal de bugs avec la version 1.7 (la dernière 1.7.6 ne régle pas tous les problèmes) Qu’est ce que la multi-boutique ? La multi-boutique est un groupe de boutiques qui partage la même administration. Vous pouvez donc gérer plusieurs boutiques avec un même back-office PrestaShop. Pour qui ? des commerçants qui désirent faire du B2B ( ...

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 *