Prestashop : Bouton d’impression pour les images avec fancybox

Cet article est assez ancien, malgré toute l'attention que j' apporte à mes contenus il est possible que celui-ci ne soit plus d'actualité.
N'hésitez pas à me le signaler si nécessaire via le formulaire de contact.

Voici un petit tips pour rajouter facilement un bouton d’impression pour prestashop dans la popin fancyBox sans toucher au code source du plugin

Dans le fichier /themes/yourtheme/product.css

#fancybox-print-item {
  width:50px;
  height:44px;
  background-image:url('../img/print-sheet.png');
  background-repeat:no-repeat;
  float:right;
  position:relative;
  margin-top:-44px;
  margin-right:4px;
  z-index:1103;
}
#fancybox-print-item a{ 
   width:50px;
   height:44px;
   display:block;
}

Dans le fichier themes/yourtheme/product.js

//Ajout d'une fonction d'impression à fancyBox
$('#fancybox-close').before('<div id="fancybox-print-item"><a href="#">&nbsp;</a></div>');
 
//Gestion du click pour l'impression
$('#fancybox-print-item').live('click',function(){
printIt($('#fancybox-content').html());
return false;
});
 
//Gestion de l'impression des images produits
// cf. http://www.thatagency.com/design-studio-blog/2010/04/add-print-ability-to-fancybox-jquery-plugin
var win=null;
function printIt(printThis) {
win = window.open();
self.focus();
win.document.open();
win.document.write('');
win.document.write(printThis);
win.document.write('');
win.document.close();
win.print();
win.close();
}