Pour notre boutique de vente de cartouches d'encre au profit de la recherche sur les maladies rares j'ai eu besoins dans les pages qui peuvent être créées par le biais de l'administration de la boutique du système de POPUP lors du clique sur une miniature d'image.
Petite précision mais d'importance la boutique est motorisée par PRESTASHOP qui est un super système de boutique en ligne relativement facile à mettre en oeuvre.
Je me suis donc inspiré du fils de discussion du Forum Prestashop et j'ai donc effectué ces petites modifications :
- Dans le fichier cms.php juste avant la ligne de code include(dirname(FILE).'/header.php'); j'ai ajouté :
$css_files = array('http://www.consommable-cartouche-encre.info/'.PS_BASE_URI.'css/thickbox.css' => 'all');
$js_files = array('http://www.consommable-cartouche-encre.info/'.PS_BASE_URI.'js/jquery/thickbox-modified.js');
- Dans le fichier cms.tpl j'ai ajouté en tout début :
{include file=$tpl_dir./thickbox.tpl}
- Pensez ensuite à mettre dans vos liens les bons attributs comme par exemple (la class shown permet d'enclancher le mécanisme de zoom et l'atribut rel other-views permet d'afficher une suite d'image) :
<a class="shown" rel="other-views" title="Txt qui apparait en légende de la photo"href="Lien vers la photo en gransd format"><img src="Lien vers la miniature de la photo" alt="Legende pour l'image"></a>
Le résultat est visible sur notre boutique de vente cartouches et toners d'impression en ligne.