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

Prestashop 1.6 | Slider sur toute la largeur sur votre page d’accueil
views 9499
Voici un tutorial qui va vous permettre d'afficher le slider de votre page d'accueil sur toute la largeur. Valable pour prestashop 1.6 A noter : la largeur maximum de l'ensemble de votre contenu est 1170px.  Si vous désirez afficher une photo correctement sur votre site, je vous conseille une largeur de 1170px. La hauteur est libre. Update : il se peut que ce tuto ne fonctionne pas. La no...
Ajouter le drapeau du pays dans le bloc langues | Astuce Prestashop 1.6
views 3670
Vous désirez insérer le drapeau du pays des langues que vous avez choisies pour votre site e-commerce. L'astuce est simple et rapide. Valable pour Prestashop 1.6. ------------------- 1) Ouvrez le fichier blocklanguages.tpl qui se situe dans themes > lenomdevotretheme > modules > blocklanguages > blocklanguages.tpl. Il va falloir insérer ce code à deux endroits.  Par déf...
Quelques variables qui peuvent vous aider pour votre mise en page – Prestashop 1.7 ...
views 13988
Dans le tuto du jour, je vais énumérer quelques variables de PrestaShop 1.6 PrestaShop 1.7 qui peuvent vous aider pour personnaliser votre site. N'hésitez pas à les partager via les commentaires ------------------ Insérez un lien vers une page CMS dans un fichier TPL Prestashop 1.6 : {$link->getCmsLink()} Exemple : l'id de la page cms est 3 Prestashop 1.7 : {url entity='cms' id=$i...
Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 et 1.7
views 10903
Aujourd’hui, nous allons voir comment configurer le diaporama de votre page d'accueil sur votre boutique en ligne sur Prestashop 1.6 &Prestashop 1.7 ------------------------------------------------------------------------------------------------------------------------ Tutorial pour Prestashop 1.6 A noter la taille de l'image pour le diaporama est de 779px de large pour 448px de haut. ...
Quels sont les modules utilisés sur la page d’accueil ? | Prestashop 1.7
views 17654
Par rapport à Prestashop 1.6, la page d'accueil a totalement été relooké et le nom et le hook des modules ont été modifiés. Voici une check-list des modules utilisés par défaut pour la page d'accueil. Vous trouverez: - le nom du hook sur lequel le module est positionné; - le nom du module utilisé dans le back-office; - le nom que porte le module dans le dossier "modules' situé dans votre ...

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 *