{"id":886,"date":"2015-05-27T12:30:57","date_gmt":"2015-05-27T12:30:57","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=886"},"modified":"2017-01-23T18:28:39","modified_gmt":"2017-01-23T18:28:39","slug":"supprimer-le-cadre-blanc-autour-de-vos-images-sous-prestashop","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/supprimer-le-cadre-blanc-autour-de-vos-images-sous-prestashop\/","title":{"rendered":"Supprimer le cadre blanc autour de vos images | Astuce Prestashop 1.6"},"content":{"rendered":"

Lorsqu\u2019on upload une image dans Prestashop, ce dernier la\u00a0redimensionne selon les diff\u00e9rents formats sp\u00e9cifi\u00e9s dans \u00ab\u00a0pr\u00e9f\u00e9rences\/images\u00a0\u00bb.<\/p>\n

Mais si vous regardez bien le front-office de\u00a0\u00a0votre boutique,\u00a0vous pouvez remarquer que Prestashop ajoute par d\u00e9faut un cadre blanc autour de votre image.<\/p>\n

Cette astuce Prestashop est valable pour la version 1.6<\/strong><\/strong><\/p>\n

Voici la solution pour rem\u00e9dier \u00e0 ce probl\u00e8me :<\/strong><\/span><\/p>\n

<\/p>\n

1) Cr\u00e9ez un fichier nomm\u00e9 \u00ab\u00a0imageManager.php\u00a0\u00bb dans le dossier \u00ab\u00a0override\/classes\u00a0\u00bb et ajoutez-le code suivant:<\/p>\n

<?php\r\nclass ImageManager extends ImageManagerCore\r\n{\r\n\r\n\t\/**\r\n\t * Resize, cut and optimize image\r\n\t *\r\n\t * @param string $src_file Image object from $_FILE\r\n\t * @param string $dst_file Destination filename\r\n\t * @param integer $dst_width Desired width (optional)\r\n\t * @param integer $dst_height Desired height (optional)\r\n\t * @param string $file_type\r\n\t * @return boolean Operation result\r\n\t *\/\r\n\tpublic static function resize($src_file, $dst_file, $dst_width = null, $dst_height = null, $file_type = 'jpg', $force_type = false)\r\n\t{\r\n\t\tif (PHP_VERSION_ID < 50300)\r\n\t\t\tclearstatcache();\r\n\t\telse\r\n\t\t\tclearstatcache(true, $src_file);\r\n\t\t\r\n\t\tif (!file_exists($src_file) || !filesize($src_file))\r\n\t\t\treturn false;\r\n\t\tlist($src_width, $src_height, $type) = getimagesize($src_file);\r\n\r\n\t\t\/\/ If PS_IMAGE_QUALITY is activated, the generated image will be a PNG with .jpg as a file extension.\r\n\t\t\/\/ This allow for higher quality and for transparency. JPG source files will also benefit from a higher quality\r\n\t\t\/\/ because JPG reencoding by GD, even with max quality setting, degrades the image.\r\n\t\tif (Configuration::get('PS_IMAGE_QUALITY') == 'png_all'\r\n\t\t\t|| (Configuration::get('PS_IMAGE_QUALITY') == 'png' && $type == IMAGETYPE_PNG) && !$force_type)\r\n\t\t\t$file_type = 'png';\r\n\r\n\t\tif (!$src_width)\r\n\t\t\treturn false;\r\n\t\tif (!$dst_width)\r\n\t\t\t$dst_width = $src_width;\r\n\t\tif (!$dst_height)\r\n\t\t\t$dst_height = $src_height;\r\n\r\n\t\t$src_image = ImageManager::create($type, $src_file);\r\n\r\n\t\t$width_diff = $dst_width \/ $src_width;\r\n\t\t$height_diff = $dst_height \/ $src_height;\r\n\r\n\t\tif ($width_diff > 1 && $height_diff > 1)\r\n\t\t{\r\n\t\t\t$next_width = $src_width;\r\n\t\t\t$next_height = $src_height;\r\n\t\t}\r\n\t\telse\r\n\t\t{\r\n\t\t\tif (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 2 OR (intval(Configuration::get('PS_IMAGE_GENERATION_METHOD')) == 0 AND $heightDiff > $widthDiff))\r\n\r\n\t\t\t{\r\n\t\t\t\t$next_height = $dst_height;\r\n\t\t\t\t$next_width = round(($src_width * $next_height) \/ $src_height);\r\n\t\t\t\t$dst_width = (int)(!Configuration::get('PS_IMAGE_GENERATION_METHOD') ? $dst_width : $next_width);\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t{\r\n\t\t\t\t$next_width = $dst_width;\r\n\t\t\t\t$next_height = round($src_height * $dst_width \/ $src_width);\r\n\t\t\t\t$dst_height = (int)(!Configuration::get('PS_IMAGE_GENERATION_METHOD') ? $dst_height : $next_height);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!ImageManager::checkImageMemoryLimit($src_file))\r\n\t\t\treturn false;\r\n\t\t\r\n\t\t$dest_image = imagecreatetruecolor($dst_width, $dst_height);\r\n\r\n\t\t\/\/ici on applique un fond transparent quelque soit le type de fichier.\r\n\t\timagealphablending($dest_image, false);\r\n\t\timagesavealpha($dest_image, true);\r\n\t\t$transparent = imagecolorallocatealpha($dest_image, 255, 255, 255, 127);\r\n\t\timagefilledrectangle($dest_image, 0, 0, $dst_width, $dst_height, $transparent);\r\n\r\n\t\timagecopyresampled($dest_image, $src_image, (int)(($dst_width - $next_width) \/ 2), (int)(($dst_height - $next_height) \/ 2), 0, 0, $next_width, $next_height, $src_width, $src_height);\r\n\t\treturn (ImageManager::write($file_type, $dest_image, $dst_file));\r\n\t}\r\n}\r\n\r\n<\/pre>\n
2) Allez dans le back-office de prestashop, Pr\u00e9f\u00e9rences > Images > Reg\u00e9n\u00e9rer les miniatures et cliquez sur le bouton \u00ab\u00a0Reg\u00e9n\u00e9rer des miniatures\u00a0\u00bb . Selon peut prendre un peu de temps….<\/p>\n
\"Prestashop<\/a><\/p>\n
3) Param\u00e8tres avanc\u00e9s > Performances => videz le cache<\/p>\n
———–<\/p>\n
Voici le r\u00e9sultat :\u00a0<\/strong><\/p>\n
\"prestashop-cade-blanc\"<\/a><\/p>\n
Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Le nouveau menu du back-office de Prestashop 1.7 \u2013 Partie 2  
views 5646<\/div><\/a>\n\t\t\t\t\t\t\t\tPour rappel,\u00a0le\u00a0menu du back-office de Prestashop 1.7 est organis\u00e9 en\u00a03 parties\u00a0:\r\n\r\n \tVendre qui regroupe les commandes, le catalogue, les clients, le SAV et les statistiques (voir l'article)\u00a0\r\n \tPersonnaliser qui regroupe les modules, le design, le transport, le paiement et l\u2019international\r\n \tConfigurer\u00a0qui regroupe les pr\u00e9f\u00e9rences et les param\u00e8tres avanc\u00e9s.\r\n\r\n\r\n\r\nDans cet article, nous allons ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Comment cr\u00e9er une fiche Produit sur Prestashop 1.7  
views 10635<\/div><\/a>\n\t\t\t\t\t\t\t\tDans ce tutoriel, nous allons voir comment cr\u00e9er une fiche produit dans Prestashop 1.7.\r\n\r\nComme vous pourrez le constater, cette page diff\u00e8re totalement de Prestashop 1.6. Elle a \u00e9t\u00e9 totalement repens\u00e9e afin de la rendre plus all\u00e9g\u00e9e et plus facile d\u2019utilisation.\r\n\r\nEtant encore en cours de d\u00e9veloppement, les traductions ne sont pas encore finies et il reste encore des soucis de mise en page.\r\n\r\n...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Que pensent les fran\u00e7ais du service client ? | E-commerce  
views 290<\/div><\/a>\n\t\t\t\t\t\t\t\tPour de nombreuses marques, le service client est consid\u00e9r\u00e9 comme une priorit\u00e9.\u00a0Mais que pensent vraiment les Fran\u00e7ais?\r\n\r\nCette infographie, r\u00e9alis\u00e9e par\u00a0Do You Dream Up, nous donne quelques \u00e9l\u00e9ments de r\u00e9ponse.\r\n1) Quelques chiffres....\r\nMalheureusement, on peut constater que 9 Fran\u00e7ais sur 10 ont d\u00e9j\u00e0 eu une mauvaise exp\u00e9rience en contactant le service client.\r\n\r\n\r\n\r\nPourquoi ?\r\n\r\n \tpour 79% de...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Configurer le moteur de recherche \u2013 Prestashop 1.7  
views 8791<\/div><\/a>\n\t\t\t\t\t\t\t\tLe tutoriel d'aujourd'hui va vous permettre de configurer le moteur de recherche internet de votre boutique Prestashop 1.7 et ainsi de rendre visible vos produits lorsque qu\u2019un client effectuera une recherche.\r\n\r\nTout d'abord, connectez \u00e0 votre back-office et dans le menu de gauche, s\u00e9lectionnez Configurer -> Param\u00e8tres de la boutique -> Rechercher.\r\n\r\n\r\n\r\nVous arrivez sur une page qui vous ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   La psychologie des consommateurs  
views 241<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie met en avant la psychologie des consommateurs sur les sites de e-commerce. Elle permet de cerner les crit\u00e8res de confiance qui d\u00e9clencheront (ou pas) l'achat sur votre site aupr\u00e8s des internautes.\r\n\r\n------------\r\n\r\n1) La vitesse du site\r\nApr\u00e8s une attente de 3 secondes, 57% des utilisateurs abandonneront leur panier et 80% de ces personnes ne reviendront pas sur le site.\r\n\r\n\r\n\r\n...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  ","protected":false},"excerpt":{"rendered":"
Lorsqu\u2019on upload une image dans Prestashop, ce dernier la\u00a0redimensionne selon les diff\u00e9rents formats sp\u00e9cifi\u00e9s dans \u00ab\u00a0pr\u00e9f\u00e9rences\/images\u00a0\u00bb. Mais si vous regardez bien le front-office de\u00a0\u00a0votre boutique,\u00a0vous pouvez remarquer que Prestashop ajoute par d\u00e9faut un cadre blanc autour de votre image. Cette astuce Prestashop est valable pour la version 1.6 Voici la […]<\/p>\n","protected":false},"author":1,"featured_media":889,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/886"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=886"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/886\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/889"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}