{"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   Quels utilisateurs sur quels r\u00e9seaux sociaux en 2015 ?  
views 177<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie met en avant le nombre de personnes, le pourcentage d'homme et de femme, le temps pass\u00e9... sur les diff\u00e9rents types de r\u00e9seaux sociaux.\r\n\r\nFacebook :\r\n\r\nNombre de Personnes : 1.415 milliard\r\nTemps moyen pass\u00e9 : 20 minutes\r\nUtilisateur f\u00e9minin : 53%\r\nUtilisateur masculin : 47%\r\n\r\n\r\n\r\nPinterest :\u00a0\r\n\r\nNombre de Personnes :\u00a0\u00a070 millions\r\nUtilisateur f\u00e9minin : 85%\r\nUtilisateur masculi...<\/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   56 programmes de fid\u00e9lit\u00e9 analys\u00e9s sous forme d\u2019infographie  
views 406<\/div><\/a>\n\t\t\t\t\t\t\t\tDia-Mart Consulting a r\u00e9alis\u00e9 une infographie mettant en avant\u00a0une \u00e9tude sur les programmes de fid\u00e9lit\u00e9 de 56 enseignes de distribution sp\u00e9cialis\u00e9e en France dans\u00a012 secteurs :grands magasins, \u00a0bazar, jouet, \u00e9lectro-domestique, bricolage, meuble, beaut\u00e9, sport, mode femme, mode homme, jardinerie et restauration.\r\n\r\n\r\n\r\n\r\n\r\n\u00a0<\/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   Gratuit : template facture et bon de livraison |  Astuce Prestashop 1.6  
views 24136<\/div><\/a>\n\t\t\t\t\t\t\t\tOn ne va pas se le cacher, la mise en page des pdf des factures\u00a0et bons de livraison, n'est vraiment pas top.\r\n\r\nJe vous propose donc une nouvelle mise en page dont vous pourrez t\u00e9l\u00e9charger les fichiers gratuitement.\r\n\r\nCette astuce Prestashop est valable pour la version 1.6 et 1.5\r\n\r\n\r\n\r\n\r\n\r\nNote : il existe un bug dans la version 1.6.1.5. Si vous avez une page blanche lorsque vous d\u00e9sirez t\u00e9l\u00e9ch...<\/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   Les achats de Noel 2015 ? Made In France Or Not  
views 157<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie a \u00e9t\u00e9 cr\u00e9\u00e9e suite \u00e0 une\u00a0enqu\u00eate de Mobeye r\u00e9alis\u00e9e aupr\u00e8s de 1 300 personnes.\r\n\r\nCe qu'on peut noter :\u00a0\r\nMade in France or not ?\u00a0\r\n- 3 Fran\u00e7ais sur 5 n'ach\u00e8teront pas Made In France\r\n\r\nPourquoi \u00a0? \u00a024% privil\u00e9gient des \u00e9quivalents moins chers et 42% n'y voient pas d'int\u00e9r\u00eat\r\n\r\n\r\n- O\u00f9 faire ses courses ?\r\n- 1 fran\u00e7ais sur 2 fera des achats en ligne\r\n\r\n- 61% des fran\u00e7ais iront dans...<\/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 recherche d\u2019informations sur Google et le SEO en 2016  
views 220<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie propos\u00e9 aujourd'hui par\u00a0OnCrawl\u00a0nous montre quelques chiffres la recherche d'informations sur Google et le r\u00e9f\u00e9rencement naturel.\r\n1. Savez-vous que sur Google, il y a \u00a0\u00a0\r\n\r\n \tPlus de 100 milliards de recherches par mois soit 3,5 milliards par jour\r\n \tPlus des 50% des recherches proviennent d'appareils mobiles (d'o\u00f9 l'importance d'avoir un site responsive aujourd'hui)\r\n \t16% \u00e0 20...<\/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}]}}