{"id":53,"date":"2009-03-04T10:15:02","date_gmt":"2009-03-04T08:15:02","guid":{"rendered":"https:\/\/www.magavenue.com\/blog\/?p=53"},"modified":"2009-03-04T10:15:02","modified_gmt":"2009-03-04T08:15:02","slug":"prestashop-promouvoir-ses-articles-en-utilisant-les-scenes","status":"publish","type":"post","link":"https:\/\/www.magavenue.com\/blog\/prestashop\/prestashop-promouvoir-ses-articles-en-utilisant-les-scenes\/","title":{"rendered":"Prestashop : Promouvoir ses articles en utilisant les sc\u00e8nes"},"content":{"rendered":"

Vous souhaitez mettre avant une gamme de produit sur votre site ?<\/h2>\n

Prestashop vous offre la possibilit\u00e9 de le faire avec l’utilisation des sc\u00e8nes. Comme son nom l’indique, il va mettre en sc\u00e8ne les images de vos produits, afin de rediriger votre client suivant le produit s\u00e9lectionn\u00e9.
\nPar exemple (nous allons reprendre la sc\u00e8ne fourni avec Prestashop) : Vous poss\u00e9dez plusieurs produits d’une m\u00eame gamme. (Ici plusieurs baladeurs diff\u00e9rents).
\nPour mettre en avant cette gamme, vous souhaitez faire une image d’appel dans une cat\u00e9gorie.
\nAu lieu de faire une simple image regroupant les diff\u00e9rents baladeurs, vous pourrez ajouter de l’interactivit\u00e9.
\nAinsi le client pourra cliquer sur chaque produits de l’image, ce qui l’enverra sur la page produit du baladeur qu’il aura choisi !<\/p>\n

Comment faire ?<\/h2>\n

G\u00e9rer les sc\u00e8nes avec Prestashop : il vous faut plusieurs produits r\u00e9pertori\u00e9s dans votre catalogue ainsi qu’une photo regroupant ces dits produits.
\nPour notre exemple, nous allons utiliser des articles factices.
\n\"Scene\"<\/a>
\nNous utilisons les images fournies lors de l’installation de Prestashop, afin que vous puissiez recr\u00e9er la sc\u00e8ne. Pour commencer, rendez vous dans la cat\u00e9gorie \u00ab\u00a0Catalogue >> Sc\u00e8nes\u00a0\u00bb.
\n\"Scene\"<\/a><\/p>\n

Cr\u00e9ation d’une nouvelle sc\u00e8ne<\/h2>\n

Cliquez sur nouveau, puis donnez un nom \u00e0\u00a0 votre nouvelle sc\u00e8ne. (ici : \u00ab\u00a0La gamme Ipod\u00a0\u00bb). Puis choisissez l’image servant \u00e0\u00a0 la sc\u00e8ne.
\n\"Scene\"<\/a>
\nUne fois la gamme cr\u00e9\u00e9e, cliquez sur celle-ci.
\n\"Scene\"<\/a><\/p>\n

Cr\u00e9ation d’une nouvelle zone interactive<\/h2>\n

Maintenant que nous avons l’image, nous allons la rendre interactive. Pour \u00eatre redirig\u00e9 sur la fiche lorsque l’on clique sur l’Ipod Touch (le baladeur le plus \u00e0\u00a0 gauche), nous allons faire une s\u00e9lection autour de l’objet en laissant le bouton gauche de la souris enfonc\u00e9 et en d\u00e9limitant ses contours.
\nEnsuite, il suffit de rentrer le nom de votre produit correspondant \u00e0\u00a0 la s\u00e9l\u00e9ction. Une liste d\u00e9roulante s’ouvrira et vous pourrez alors choisir votre produit.
\n\"Scene\"<\/a>
\n(La case ‘Miniature particuli\u00e8re’ vous permet de charger une miniature diff\u00e9rente de celle g\u00e9n\u00e9r\u00e9e par Prestashop).
\nIl vous faut alors r\u00e9p\u00e9ter l’op\u00e9ration de s\u00e9lection, autant de fois que vous avez de produits dans votre sc\u00e8ne.<\/p>\n

Affichage de la sc\u00e8ne<\/h2>\n

En bas de page se trouve la section ‘Cat\u00e9gories’. Cochez les cat\u00e9gories dans lesquelles vous souhaitez voir afficher votre sc\u00e8ne.
\nDans notre cas nous avons choisi \u00ab\u00a0Ipods\u00a0\u00bb.
\nVoici le r\u00e9sultat :
\n\"Scene\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Vous souhaitez mettre avant une gamme de produit sur votre site ? Prestashop vous offre la possibilit\u00e9 de le faire avec l’utilisation des sc\u00e8nes. Comme son nom l’indique, il va mettre en sc\u00e8ne les images de vos produits, afin de rediriger votre client suivant le produit s\u00e9lectionn\u00e9. Par exemple (nous allons reprendre la sc\u00e8ne fourni… Lire la suite »Prestashop : Promouvoir ses articles en utilisant les sc\u00e8nes<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11],"tags":[53,102,182,190,194,208,209,237],"yoast_head":"\nPrestashop : Promouvoir ses articles en utilisant les sc\u00e8nes - 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\/prestashop\/prestashop-promouvoir-ses-articles-en-utilisant-les-scenes\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prestashop : Promouvoir ses articles en utilisant les sc\u00e8nes - Magavenue : Le Blog du ecommerce Open-source\" \/>\n<meta property=\"og:description\" content=\"Vous souhaitez mettre avant une gamme de produit sur votre site ? Prestashop vous offre la possibilit\u00e9 de le faire avec l’utilisation des sc\u00e8nes. Comme son nom l’indique, il va mettre en sc\u00e8ne les images de vos produits, afin de rediriger votre client suivant le produit s\u00e9lectionn\u00e9. Par exemple (nous allons reprendre la sc\u00e8ne fourni… Lire la suite »Prestashop : Promouvoir ses articles en utilisant les sc\u00e8nes\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magavenue.com\/blog\/prestashop\/prestashop-promouvoir-ses-articles-en-utilisant-les-scenes\/\" \/>\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=\"2009-03-04T08:15:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/articles_max\/scenes\/scene.jpg\" \/>\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=\"Dur\u00e9e de lecture est.\">\n\t<meta name=\"twitter:data1\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@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\":\"https:\/\/www.magavenue.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/prestashop\/prestashop-promouvoir-ses-articles-en-utilisant-les-scenes\/#primaryimage\",\"inLanguage\":\"fr-FR\",\"url\":\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/articles_max\/scenes\/scene.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/prestashop\/prestashop-promouvoir-ses-articles-en-utilisant-les-scenes\/#webpage\",\"url\":\"https:\/\/www.magavenue.com\/blog\/prestashop\/prestashop-promouvoir-ses-articles-en-utilisant-les-scenes\/\",\"name\":\"Prestashop : Promouvoir ses articles en utilisant les sc\\u00e8nes - Magavenue : Le Blog du ecommerce Open-source\",\"isPartOf\":{\"@id\":\"https:\/\/www.magavenue.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.magavenue.com\/blog\/prestashop\/prestashop-promouvoir-ses-articles-en-utilisant-les-scenes\/#primaryimage\"},\"datePublished\":\"2009-03-04T08:15:02+00:00\",\"dateModified\":\"2009-03-04T08:15:02+00:00\",\"author\":{\"@id\":\"https:\/\/www.magavenue.com\/blog\/#\/schema\/person\/583c008caa8ac9ecf5994ed089fffbad\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.magavenue.com\/blog\/prestashop\/prestashop-promouvoir-ses-articles-en-utilisant-les-scenes\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/#\/schema\/person\/583c008caa8ac9ecf5994ed089fffbad\",\"name\":\"Magavenue\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/#personlogo\",\"inLanguage\":\"fr-FR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5eaa47e1e657a76ab2fb0f045063b303?s=96&d=mm&r=g\",\"caption\":\"Magavenue\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts\/53"}],"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=53"}],"version-history":[{"count":0,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts\/53\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/media?parent=53"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/categories?post=53"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/tags?post=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}