{"id":27,"date":"2008-07-02T12:18:12","date_gmt":"2008-07-02T11:18:12","guid":{"rendered":"https:\/\/www.magavenue.com\/blog\/?p=27"},"modified":"2008-07-02T12:18:12","modified_gmt":"2008-07-02T11:18:12","slug":"comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox","status":"publish","type":"post","link":"https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/","title":{"rendered":"Comment am\u00e9liorer l&#039;affichage de ses photos dans Magento avec Lightbox"},"content":{"rendered":"<p>Lorsque vous concevez votre site de commerce en ligne, l&rsquo;aspect visuel de votre site est tr\u00e8s important. C&rsquo;est la premi\u00e8re impression qui va donner envie ou pas \u00e0\u00a0 votre futur acheteur de continuer sur votre site ou d&rsquo;aller voir votre concurent.<br \/>\nIl faut donc prendre en compte : la qualit\u00e9 des images, la rapidit\u00e9 d&rsquo;affichage, la navigation ais\u00e9e \u00e0\u00a0 travers votre site&#8230;, mais la pr\u00e9sentation des photos de vos fiches produits est aussi importante. Par exemple, faire appara\u00eetre une photo d&rsquo;un article sur un fond noir, lorsque vous cliquez dessus pour l&rsquo;agrandir, permet de la faire ressortir et de d&rsquo;avoir un aspect plus agr\u00e9able du produit.<br \/>\n<!--more--><br \/>\nCette fonction est int\u00e9gr\u00e9 en standard dans Prestashop, mais pas dans Magento. La solution consiste \u00e0\u00a0 utiliser le script Lightbox.js (vous pouvez voir des exemples sur le site : <a title=\"Site Lightbox 2\" href=\"https:\/\/www.huddletogether.com\/projects\/lightbox2\/#example\" target=\"_blank\" rel=\"noopener noreferrer\">Lightbox 2<\/a>).<br \/>\nUn tr\u00e8s bon article de Sebastian Enders nous explique comment faire sur <a title=\"Ajouter la fonction lightbox \u00e0\u00a0 Magento\" href=\"https:\/\/www.magentocommerce.com\/wiki\/adding_lightbox_to_magento_v2\" target=\"_blank\" rel=\"noopener noreferrer\">le wiki de Magento<\/a>.<br \/>\nJe vais donc vous fournir ci-dessous une traduction de ces explications avec quelques modifications :<br \/>\nCommencez par <a title=\"Version zipp\u00e9 de Lightbox\" href=\"https:\/\/www.huddletogether.com\/projects\/lightbox2\/releases\/lightbox2.03.3.zip\" target=\"_self\" rel=\"noopener noreferrer\">t\u00e9l\u00e9charger la version zipp\u00e9 de lightbox<\/a> et \u00e0\u00a0 la d\u00e9compresser.<br id=\"t0.t1\" \/><\/p>\n<p id=\"v__b1\">Je n&rsquo;ai pas test\u00e9 avec une version plus r\u00e9cente, mais d&rsquo;apr\u00e8s Sebastian les versions plus r\u00e9centes ne sont pas compatible avec la version de prototype utilis\u00e9 par Magento.<\/p>\n<p id=\"v__b1\">Pour commencer nous supposons que Magento est install\u00e9 dans un dossier Magento sur votre serveur.<\/p>\n<h2>Copie des fichiers de lightbox dans Magento<\/h2>\n<p id=\"v__b1\">Commencez par cr\u00e9er un r\u00e9pertoire lightbox dans le dossier js de Magento et copiez le fichier lightbox.js que vous venez de d\u00e9compresser dans ce r\u00e9pertoire.<\/p>\n<p id=\"v__b1\">Copiez ensuite le fichier lightbox.css dans le r\u00e9pertoire \/skin\/frontend\/default\/default\/css\/ de Magento.<\/p>\n<p id=\"v__b1\">Cr\u00e9ez un r\u00e9pertoire \/skin\/frontend\/default\/default\/images\/lightbox\/ dans Magento et copiez dedans tous les fichiers que vous trouverez dans le dossier images du dossier lightbox d\u00e9compress\u00e9.<\/p>\n<h2>Modification des fichiers css et js de lightbox<\/h2>\n<p id=\"v__b1\">Ouvrez ensuite le fichier lightbox.css qui se trouve dans \/magento\/skin\/frontend\/default\/default\/css et remplacez :<\/p>\n<p class=\"divcode\" style=\"padding-left: 30px; text-align: left;\">background: transparent url(..\/images\/blank.gif) no-repeat;<br id=\"es_s0\" \/><\/p>\n<p id=\"v__b32\" style=\"text-align: left;\">par :<\/p>\n<p class=\"divcode\" style=\"padding-left: 30px; text-align: left;\">background: transparent url(\/magento\/skin\/frontend\/default\/default\/images\/lightbox\/blank.gif) no-repeat<\/p>\n<p id=\"v__b38\" style=\"text-align: left;\">et :<\/p>\n<p class=\"divcode\" style=\"padding-left: 30px; text-align: left;\">#prevLink:hover, #prevLink:visited:hover { background: url(..\/images\/prevlabel.gif) left 15% no-repeat; }<br id=\"es_s1\" \/><\/p>\n<p id=\"v__b42\" style=\"text-align: left;\">par :<\/p>\n<p class=\"divcode\" style=\"padding-left: 30px; text-align: left;\">#prevLink:hover, #prevLink:visited:hover { background: url(\/magento\/skin\/frontend\/default\/default\/images\/lightbox\/prevlabel.gif) left 15% no-repeat; }<br id=\"v__b44\" \/><\/p>\n<p style=\"text-align: left;\">et : <br id=\"n2890\" \/><\/p>\n<p class=\"divcode\" style=\"padding-left: 30px; text-align: left;\">#nextLink:hover, #nextLink:visited:hover { background: url(..\/images\/nextlabel.gif) right 15% no-repeat; }<br id=\"yjvr0\" \/><\/p>\n<p id=\"v__b52\" style=\"text-align: left;\">par :<\/p>\n<p class=\"divcode\" style=\"padding-left: 30px; text-align: left;\">#nextLink:hover, #nextLink:visited:hover { background: url(\/magento\/skin\/frontend\/default\/default\/images\/lightbox\/nextlabel.gif) right 15% no-repeat; }<br id=\"v__b54\" \/><\/p>\n<p>Ouvrez ensuite : \/magento\/js\/lightbox\/lightbox.js, recherchez et remplacez :<br id=\"kjue0\" \/><\/p>\n<p class=\"divcode\" style=\"padding-left: 30px; text-align: left;\">var fileLoadingImage = \u00ab\u00a0images\/loading.gif\u00a0\u00bb;<\/p>\n<p class=\"divcode\" style=\"padding-left: 30px; text-align: left;\">var fileBottomNavCloseImage = \u00ab\u00a0images\/closelabel.gif\u00a0\u00bb;<\/p>\n<p>par :<\/p>\n<p class=\"divcode\" style=\"padding-left: 30px; text-align: left;\">var fileLoadingImage = \u00ab\u00a0\/magento\/skin\/frontend\/default\/default\/images\/lightbox\/loading.gif\u00a0\u00bb;<\/p>\n<p class=\"divcode\" style=\"padding-left: 30px; text-align: left;\">var fileBottomNavCloseImage = \u00ab\u00a0\/magento\/skin\/frontend\/default\/default\/images\/lightbox\/closelabel.gif\u00a0\u00bb;<\/p>\n<p><br id=\"v__b76\" \/><\/p>\n<h2>Ins\u00e9rez l&rsquo;appel aux fichiers javascript et feuille de style de lightbox dans Magento<\/h2>\n<p id=\"v__b87\">Ouvrez  le fichier : \/magento\/app\/design\/frontend\/default\/default\/layout\/page.xml et ins\u00e9rez entre :<span id=\"v__b93\" class=\"sc2\"><br id=\"rdv40\" \/> <\/span><\/p>\n<p id=\"v__b87\" class=\"divcode\" style=\"padding-left: 30px;\"><span id=\"v__b93\" class=\"sc2\"> &lt;block <span id=\"v__b94\" class=\"kw3\">type<\/span>=<span id=\"v__b95\" class=\"st0\">\u00ab\u00a0page\/html_head\u00a0\u00bb<\/span> <span id=\"v__b96\" class=\"kw3\">name<\/span>=<span id=\"v__b97\" class=\"st0\">\u00ab\u00a0head\u00a0\u00bb<\/span> as=<span id=\"v__b98\" class=\"st0\">\u00ab\u00a0head\u00a0\u00bb<\/span><span id=\"v__b99\" class=\"kw2\">&gt;<\/span><\/span><br \/>\n&#8230;.<br \/>\n&lt;\/block&gt;<br \/>\nles 2 lignes suivantes :<\/p>\n<p class=\"divcode\" style=\"padding-left: 30px; text-align: left;\">&lt;action method=\u00a0\u00bbaddJs\u00a0\u00bb&gt;&lt;script&gt;lightbox\/lightbox.js&lt;\/script&gt;&lt;\/action&gt;<br \/>\n&lt;action method=\u00a0\u00bbaddCss\u00a0\u00bb&gt;&lt;stylesheet&gt;css\/lightbox.css&lt;\/stylesheet&gt;&lt;\/action&gt;<\/p>\n<h2>Insertion de l&rsquo;appel \u00e0\u00a0 lightbox dans une fiche produit<\/h2>\n<p id=\"v__b144\">Ouvrez le fichier :<\/p>\n<p style=\"padding-left: 30px; text-align: left;\">\/magento\/app\/design\/frontend\/default\/default\/template\/catalog\/product\/view\/media.phtml<\/p>\n<p id=\"v__b145\">et remplacez :<\/p>\n<div class=\"divcode\">\n<p style=\"text-align: left;\">&lt;?php foreach ($this-&gt;getGalleryImages() as $_image): ?&gt;<\/p>\n<p style=\"text-align: left;\">&lt;li&gt;<\/p>\n<p style=\"padding-left: 30px; text-align: left;\">&lt;a href=\u00a0\u00bb#\u00a0\u00bb onclick=\u00a0\u00bbpopWin(&lsquo;&lt;?php echo $this-&gt;getGalleryUrl($_image) ?&gt;&rsquo;, &lsquo;gallery&rsquo;, &lsquo;scrollbars=yes,width=200,height=200,resizable=yes&rsquo;);return false;\u00a0\u00bb&gt;<\/p>\n<p style=\"padding-left: 60px; text-align: left;\">&lt;img src=\u00a0\u00bb&lt;?php echo $this-&gt;helper(&lsquo;catalog\/image&rsquo;)-&gt;init($this-&gt;getProduct(), &lsquo;thumbnail&rsquo;, $_image-&gt;getFile())-&gt;resize(68,68); ?&gt;\u00a0\u00bb alt=\u00a0\u00bb&lt;?php echo $this-&gt;htmlEscape($_image-&gt;getLabel()) ?&gt;\u00a0\u00bb title=\u00a0\u00bb&lt;?php echo $this-&gt;htmlEscape($_image-&gt;getLabel()) ?&gt;\u00a0\u00bb\/&gt;<\/p>\n<p style=\"padding-left: 30px; text-align: left;\">&lt;\/a&gt;<\/p>\n<p style=\"text-align: left;\">&lt;\/li&gt;<\/p>\n<p style=\"text-align: left;\">&lt;?php endforeach; ?&gt;<\/p>\n<\/div>\n<p id=\"v__b223\">par :<\/p>\n<div class=\"divcode\">\n<p style=\"text-align: left;\">&lt;?php foreach ($this-&gt;getGalleryImages() as $_image): ?&gt;<\/p>\n<p style=\"text-align: left;\">&lt;li&gt;<\/p>\n<p style=\"padding-left: 30px; text-align: left;\">&lt;a href=\u00a0\u00bb&lt;?php echo $this-&gt;helper(&lsquo;catalog\/image&rsquo;)-&gt;init($this-&gt;getProduct(), &lsquo;image&rsquo;, $_image-&gt;getFile()); ?&gt;\u00a0\u00bb rel=\u00a0\u00bblightbox[rotation]\u00a0\u00bb title=\u00a0\u00bb&lt;?php echo $_product-&gt;getName();?&gt;\u00a0\u00bb&gt;<\/p>\n<p style=\"padding-left: 60px; text-align: left;\">&lt;img src=\u00a0\u00bb&lt;?php echo $this-&gt;helper(&lsquo;catalog\/image&rsquo;)-&gt;init($this-&gt;getProduct(), &lsquo;thumbnail&rsquo;, $_image-&gt;getFile())-&gt;resize(68, 68); ?&gt;\u00a0\u00bb width=\u00a0\u00bb68&Prime; height=\u00a0\u00bb68&Prime; alt=\u00a0\u00bb\u00a0\u00bb\/&gt;<\/p>\n<p style=\"padding-left: 30px; text-align: left;\">&lt;\/a&gt;<\/p>\n<p style=\"text-align: left;\">&lt;\/li&gt;<\/p>\n<p style=\"text-align: left;\">&lt;?php endforeach; ?&gt;<\/p>\n<\/div>\n<p><br id=\"v__b225\" \/> Voil\u00e0\u00a0 si maintenant vous cliquez sur un produit dans Magento il s&rsquo;affichera en grand sur un fond noir avec la fonction Lightbox.<\/p>\n<p id=\"v__b223\">Pour avoir un affichage correct de vos photos je vous conseille de limiter leurs taille \u00e0\u00a0 600 x 600 pixels.<br id=\"kctn0\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorsque vous concevez votre site de commerce en ligne, l&rsquo;aspect visuel de votre site est tr\u00e8s important. C&rsquo;est la premi\u00e8re impression qui va donner envie ou pas \u00e0\u00a0 votre futur acheteur de continuer sur votre site ou d&rsquo;aller voir votre concurent. Il faut donc prendre en compte : la qualit\u00e9 des images, la rapidit\u00e9 d&rsquo;affichage, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[79,80,94,136,143,176],"class_list":["post-27","post","type-post","status-publish","format-standard","hentry","category-magento","tag-ecommerce","tag-effet","tag-fond-noir","tag-lightbox","tag-magento","tag-photos"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Comment am\u00e9liorer l&#039;affichage de ses photos dans Magento avec Lightbox - Magavenue : Le Blog du ecommerce Open-source<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment am\u00e9liorer l&#039;affichage de ses photos dans Magento avec Lightbox - Magavenue : Le Blog du ecommerce Open-source\" \/>\n<meta property=\"og:description\" content=\"Lorsque vous concevez votre site de commerce en ligne, l&rsquo;aspect visuel de votre site est tr\u00e8s important. C&rsquo;est la premi\u00e8re impression qui va donner envie ou pas \u00e0\u00a0 votre futur acheteur de continuer sur votre site ou d&rsquo;aller voir votre concurent. Il faut donc prendre en compte : la qualit\u00e9 des images, la rapidit\u00e9 d&rsquo;affichage, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/\" \/>\n<meta property=\"og:site_name\" content=\"Magavenue : Le Blog du ecommerce Open-source\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/magavenue\/\" \/>\n<meta property=\"article:published_time\" content=\"2008-07-02T11:18:12+00:00\" \/>\n<meta name=\"author\" content=\"Magavenue\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Magavenue\" \/>\n<meta name=\"twitter:site\" content=\"@Magavenue\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Magavenue\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/magento\\\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/magento\\\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\\\/\"},\"author\":{\"name\":\"Magavenue\",\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/#\\\/schema\\\/person\\\/583c008caa8ac9ecf5994ed089fffbad\"},\"headline\":\"Comment am\u00e9liorer l&#039;affichage de ses photos dans Magento avec Lightbox\",\"datePublished\":\"2008-07-02T11:18:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/magento\\\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\\\/\"},\"wordCount\":817,\"commentCount\":8,\"keywords\":[\"E-commerce\",\"effet\",\"fond noir\",\"lightbox\",\"Magento\",\"photos\"],\"articleSection\":[\"Magento\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/magento\\\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/magento\\\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\\\/\",\"url\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/magento\\\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\\\/\",\"name\":\"Comment am\u00e9liorer l&#039;affichage de ses photos dans Magento avec Lightbox - Magavenue : Le Blog du ecommerce Open-source\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/#website\"},\"datePublished\":\"2008-07-02T11:18:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/#\\\/schema\\\/person\\\/583c008caa8ac9ecf5994ed089fffbad\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/magento\\\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/magento\\\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/magento\\\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment am\u00e9liorer l&#039;affichage de ses photos dans Magento avec Lightbox\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/\",\"name\":\"Magavenue : Le Blog du ecommerce Open-source\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/#\\\/schema\\\/person\\\/583c008caa8ac9ecf5994ed089fffbad\",\"name\":\"Magavenue\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/67deac0da33c0f8964966bd57c635dd1455574f2d1ee600a2c17d7d929ed9cd0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/67deac0da33c0f8964966bd57c635dd1455574f2d1ee600a2c17d7d929ed9cd0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/67deac0da33c0f8964966bd57c635dd1455574f2d1ee600a2c17d7d929ed9cd0?s=96&d=mm&r=g\",\"caption\":\"Magavenue\"},\"url\":\"https:\\\/\\\/www.magavenue.com\\\/blog\\\/author\\\/magavenue\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment am\u00e9liorer l&#039;affichage de ses photos dans Magento avec Lightbox - Magavenue : Le Blog du ecommerce Open-source","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment am\u00e9liorer l&#039;affichage de ses photos dans Magento avec Lightbox - Magavenue : Le Blog du ecommerce Open-source","og_description":"Lorsque vous concevez votre site de commerce en ligne, l&rsquo;aspect visuel de votre site est tr\u00e8s important. C&rsquo;est la premi\u00e8re impression qui va donner envie ou pas \u00e0\u00a0 votre futur acheteur de continuer sur votre site ou d&rsquo;aller voir votre concurent. Il faut donc prendre en compte : la qualit\u00e9 des images, la rapidit\u00e9 d&rsquo;affichage, [&hellip;]","og_url":"https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/","og_site_name":"Magavenue : Le Blog du ecommerce Open-source","article_publisher":"https:\/\/www.facebook.com\/magavenue\/","article_published_time":"2008-07-02T11:18:12+00:00","author":"Magavenue","twitter_card":"summary_large_image","twitter_creator":"@Magavenue","twitter_site":"@Magavenue","twitter_misc":{"\u00c9crit par":"Magavenue","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/#article","isPartOf":{"@id":"https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/"},"author":{"name":"Magavenue","@id":"https:\/\/www.magavenue.com\/blog\/#\/schema\/person\/583c008caa8ac9ecf5994ed089fffbad"},"headline":"Comment am\u00e9liorer l&#039;affichage de ses photos dans Magento avec Lightbox","datePublished":"2008-07-02T11:18:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/"},"wordCount":817,"commentCount":8,"keywords":["E-commerce","effet","fond noir","lightbox","Magento","photos"],"articleSection":["Magento"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/","url":"https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/","name":"Comment am\u00e9liorer l&#039;affichage de ses photos dans Magento avec Lightbox - Magavenue : Le Blog du ecommerce Open-source","isPartOf":{"@id":"https:\/\/www.magavenue.com\/blog\/#website"},"datePublished":"2008-07-02T11:18:12+00:00","author":{"@id":"https:\/\/www.magavenue.com\/blog\/#\/schema\/person\/583c008caa8ac9ecf5994ed089fffbad"},"breadcrumb":{"@id":"https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.magavenue.com\/blog\/magento\/comment-ameliorer-laffichage-de-ses-photos-dans-magento-avec-lightbox\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.magavenue.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Comment am\u00e9liorer l&#039;affichage de ses photos dans Magento avec Lightbox"}]},{"@type":"WebSite","@id":"https:\/\/www.magavenue.com\/blog\/#website","url":"https:\/\/www.magavenue.com\/blog\/","name":"Magavenue : Le Blog du ecommerce Open-source","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.magavenue.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.magavenue.com\/blog\/#\/schema\/person\/583c008caa8ac9ecf5994ed089fffbad","name":"Magavenue","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/67deac0da33c0f8964966bd57c635dd1455574f2d1ee600a2c17d7d929ed9cd0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/67deac0da33c0f8964966bd57c635dd1455574f2d1ee600a2c17d7d929ed9cd0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/67deac0da33c0f8964966bd57c635dd1455574f2d1ee600a2c17d7d929ed9cd0?s=96&d=mm&r=g","caption":"Magavenue"},"url":"https:\/\/www.magavenue.com\/blog\/author\/magavenue\/"}]}},"_links":{"self":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":0,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts\/27\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/media?parent=27"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/categories?post=27"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/tags?post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}