{"id":3077,"date":"2017-03-23T18:11:26","date_gmt":"2017-03-23T18:11:26","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=3077"},"modified":"2017-03-29T21:19:27","modified_gmt":"2017-03-29T21:19:27","slug":"configurer-diaporama-de-page-daccueil-prestashop-1-6-1-7","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/configurer-diaporama-de-page-daccueil-prestashop-1-6-1-7\/","title":{"rendered":"Comment configurer le diaporama de la page d\u2019accueil | Prestashop 1.6 et 1.7"},"content":{"rendered":"<p>Aujourd\u2019hui, nous allons voir comment configurer le diaporama de votre page d&rsquo;accueil sur\u00a0votre boutique en ligne sur Prestashop 1.6 &amp;Prestashop\u00a01.7<\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<h1><span style=\"color: #993300;\">Tutorial pour Prestashop 1.6<\/span><\/h1>\n<p><strong>A noter la taille de l&rsquo;image pour le diaporama est de 779px de large pour 448px de haut.<\/strong><\/p>\n<p><strong><span style=\"color: #000080;\">Etape 1:<\/span><\/strong> Tout d&rsquo;abord, connectez-vous au back-office de votre site Prestashop puis, allez dans <strong><strong>Modules &amp; Services &gt; \u00a0Modules &amp; Services<br \/>\n<\/strong><\/strong><\/p>\n<p><!--more--><\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/configurer-diaporama-de-page-daccueil-prestashop-1-6-1-7\/1-prestashop1_6-diaporamamodule\/\" rel=\"attachment wp-att-3099\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3099\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/1-prestashop1_6-diaporamamodule.png\" alt=\"Comment configurer le diaporama de la page d\u2019accueil | Prestashop 1.6 &amp; 1.7\" width=\"623\" height=\"528\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/1-prestashop1_6-diaporamamodule.png 623w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/1-prestashop1_6-diaporamamodule-300x254.png 300w\" sizes=\"(max-width: 623px) 100vw, 623px\" \/><\/a><\/p>\n<p><strong><span style=\"color: #000080;\"><br \/>\nEtape 2:\u00a0<\/span><\/strong>Dans le champ recherche, tapez <strong>\u00ab\u00a0diaporama\u00a0\u00bb<\/strong>\u00a0(le module s&rsquo;appelle \u00ab\u00a0Diaporama pour votre page d&rsquo;accueil\u00a0\u00bb) puis cliquez sur<strong><strong> \u00ab\u00a0configurer\u00a0\u00bb<br \/>\n<\/strong><\/strong><\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/configurer-diaporama-de-page-daccueil-prestashop-1-6-1-7\/2-prestashop1_6-diaporama\/\" rel=\"attachment wp-att-3089\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3089\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/2-prestashop1_6-diaporama.png\" alt=\"Comment configurer le diaporama de la page d\u2019accueil | Prestashop 1.6 &amp; 1.7\" width=\"900\" height=\"261\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/2-prestashop1_6-diaporama.png 900w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/2-prestashop1_6-diaporama-300x87.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/2-prestashop1_6-diaporama-624x181.png 624w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<p><strong><span style=\"color: #000080;\"><br \/>\nEtape 3: <\/span><\/strong>Configurer les\u00a0param\u00e8tres du diaporama<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/configurer-diaporama-de-page-daccueil-prestashop-1-6-1-7\/3-prestashop1_6-diaporama\/\" rel=\"attachment wp-att-3090\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3090\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/3-prestashop1_6-diaporama.png\" alt=\"Comment configurer le diaporama de la page d\u2019accueil | Prestashop 1.6 &amp; 1.7\" width=\"900\" height=\"267\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/3-prestashop1_6-diaporama.png 900w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/3-prestashop1_6-diaporama-300x89.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/3-prestashop1_6-diaporama-624x185.png 624w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<ul>\n<li><strong>Largeur maximale de l\u2019image:<\/strong> correspond \u00e0 la largeur maximum de vos images \u00e0 l&rsquo;int\u00e9rieur du diaparoma<\/li>\n<li><strong>Vitesse:<\/strong> correspond \u00e0 la vitesse \u00e0 laquelle vous d\u00e9sirez que vos images d\u00e9filent.<\/li>\n<li><strong>Pause:<\/strong> correspond au temps d&rsquo;arr\u00eat entre chaque image.<\/li>\n<li><strong>Lecture automatique:<\/strong> si vous activez cette option, les images d\u00e9fileront automatiquement, sinon le client devra cliquer sur les fl\u00e8ches pour visualiser les autres images de votre diaporama.<\/li>\n<\/ul>\n<p><strong><span style=\"color: #000080;\"><br \/>\nEtape 4: <\/span><\/strong>Ajouter ou\u00a0modifier\u00a0les images sur\u00a0votre diaporama<\/p>\n<p>&#8211; pour\u00a0<strong>ajouter une image<\/strong>: cliquez sur le <strong>bouton + en haut \u00e0 droite<\/strong><br \/>\n&#8211; pour <strong>modifier une image<\/strong>: \u00a0cliquez sur le <strong>bouton \u00ab\u00a0modifier\u00a0\u00bb<\/strong> \u00e0 c\u00f4te de l&rsquo;image que vous d\u00e9sirez modifier<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/configurer-diaporama-de-page-daccueil-prestashop-1-6-1-7\/4-prestashop1_6-diaporama\/\" rel=\"attachment wp-att-3094\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3094\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/4-prestashop1_6-diaporama.png\" alt=\"Comment configurer le diaporama de la page d\u2019accueil | Prestashop 1.6 &amp; 1.7\" width=\"900\" height=\"506\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/4-prestashop1_6-diaporama.png 900w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/4-prestashop1_6-diaporama-300x169.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/4-prestashop1_6-diaporama-624x351.png 624w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<p>Puis ins\u00e9rez les informations de votre image<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/configurer-diaporama-de-page-daccueil-prestashop-1-6-1-7\/5-prestashop1_6-diaporama\/\" rel=\"attachment wp-att-3092\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3092\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/5-prestashop1_6-diaporama.png\" alt=\"Comment configurer le diaporama de la page d\u2019accueil | Prestashop 1.6 &amp; 1.7\" width=\"881\" height=\"603\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/5-prestashop1_6-diaporama.png 881w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/5-prestashop1_6-diaporama-300x205.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/5-prestashop1_6-diaporama-624x427.png 624w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><\/a><\/p>\n<ul>\n<li><strong>S\u00e9lectionner le fichier:<\/strong> permet d&rsquo;uploader votre image.<\/li>\n<li><strong>Le titre de la diapositive:<\/strong> correspond au nom donn\u00e9 \u00e0 votre image (n&rsquo;appara\u00eet pas sur le front-office de votre boutique).<\/li>\n<li><strong>URL cible:<\/strong>\u00a0permet d&rsquo;ins\u00e9rer un lien sur votre image. Ainsi lorsque le client clique sur l&rsquo;image il sera renvoy\u00e9 sur la page du lien. \u00a0Si vous ne d\u00e9sirez pas ins\u00e9rer un lien, il suffit de mettre\u00a0#.<\/li>\n<li><strong>L\u00e9gende: <\/strong>si votre image ne se charge pas, le texte de l\u00e9gende apparaitra. Ce champ est important pour l&rsquo;accessibilit\u00e9\u00a0et permet aussi le r\u00e9f\u00e9rencement de votre image.<\/li>\n<li><strong>Description: <\/strong>permet de mettre une description sur votre image, attention le texte appara\u00eet pas sur le front-office de votre boutique.<\/li>\n<li><strong>Actif<\/strong>.\u00a0permet d&rsquo;activer ou de d\u00e9sactiver l&rsquo;image.<\/li>\n<\/ul>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n<h1><span style=\"color: #993300;\">Tutorial pour\u00a0<\/span><span style=\"color: #993300;\">Prestashop 1.7<\/span><\/h1>\n<p><strong>A noter la taille de l&rsquo;image pour le diaporama est de 1110px de large pour 340px de haut.<\/strong><\/p>\n<p><strong><span style=\"color: #000080;\">Etape 1:<\/span><\/strong> Tout d&rsquo;abord, connectez-vous au back-office de votre site Prestashop puis, allez dans <strong>Modules \u00a0&gt; \u00a0Modules &amp; Services<br \/>\n<\/strong><\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/configurer-diaporama-de-page-daccueil-prestashop-1-6-1-7\/1-prestashop1_7-diaporama\/\" rel=\"attachment wp-att-3115\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3115\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/1-prestashop1_7-diaporama.png\" alt=\"Comment configurer le diaporama de la page d\u2019accueil | Prestashop 1.6 et 1.7\" width=\"900\" height=\"474\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/1-prestashop1_7-diaporama.png 900w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/1-prestashop1_7-diaporama-300x158.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/1-prestashop1_7-diaporama-624x329.png 624w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<p><strong><span style=\"color: #000080;\"><br \/>\nEtape 2:\u00a0<\/span><\/strong>Dans le champ recherche, tapez <strong>\u00ab\u00a0carrousel\u00a0\u00bb<\/strong>\u00a0(le module s&rsquo;appelle \u00ab\u00a0Carrousel\u00a0\u00bb) puis cliquez sur<strong> \u00ab\u00a0configurer\u00a0\u00bb<br \/>\n<\/strong><\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/configurer-diaporama-de-page-daccueil-prestashop-1-6-1-7\/2-prestashop1_7-diaporama\/\" rel=\"attachment wp-att-3116\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3116\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/2-prestashop1_7-diaporama.png\" alt=\"Comment configurer le diaporama de la page d\u2019accueil | Prestashop 1.6 et 1.7\" width=\"900\" height=\"365\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/2-prestashop1_7-diaporama.png 900w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/2-prestashop1_7-diaporama-300x122.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/2-prestashop1_7-diaporama-624x253.png 624w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<p><strong><span style=\"color: #000080;\"><br \/>\nEtape 3: <\/span><\/strong>Configurer les\u00a0param\u00e8tres du diaporama<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/configurer-diaporama-de-page-daccueil-prestashop-1-6-1-7\/3-prestashop1_7-diaporama\/\" rel=\"attachment wp-att-3117\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3117\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/3-prestashop1_7-diaporama.png\" alt=\"Comment configurer le diaporama de la page d\u2019accueil | Prestashop 1.6 et 1.7\" width=\"800\" height=\"259\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/3-prestashop1_7-diaporama.png 800w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/3-prestashop1_7-diaporama-300x97.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/3-prestashop1_7-diaporama-624x202.png 624w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<ul>\n<li><strong>Vitesse:<\/strong> correspond \u00e0 la vitesse \u00e0 laquelle vous d\u00e9sirez que vos images d\u00e9filent.<\/li>\n<li><strong>Pause au survol: <\/strong>si vous activez cette option les images arr\u00eateront\u00a0de d\u00e9filer lorsque la souris passe au dessus du carrousel<\/li>\n<li><strong>R\u00e9p\u00e9ter\u00a0les images:<\/strong>\u00a0si vous activez cette option, les images se r\u00e9p\u00e9teront \u00e0 l&rsquo;infini, sinon le carrousel s&rsquo;arr\u00eatera \u00e0 la fin de la derni\u00e8re image.<\/li>\n<\/ul>\n<p><strong><span style=\"color: #000080;\"><br \/>\nEtape 4: <\/span><\/strong>Ajouter ou\u00a0modifier\u00a0les images sur\u00a0votre diaporama<\/p>\n<p>&#8211; pour\u00a0<strong>ajouter une image<\/strong>: cliquez sur le <strong>bouton + en haut \u00e0 droite<\/strong><br \/>\n&#8211; pour <strong>modifier une image<\/strong>: \u00a0cliquez sur le <strong>bouton \u00ab\u00a0modifier\u00a0\u00bb<\/strong> \u00e0 c\u00f4te de l&rsquo;image que vous d\u00e9sirez modifier<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/configurer-diaporama-de-page-daccueil-prestashop-1-6-1-7\/5-prestashop1_7-diaporama\/\" rel=\"attachment wp-att-3119\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3119\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/5-prestashop1_7-diaporama.png\" alt=\"5-prestashop1_7-diaporama\" width=\"800\" height=\"405\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/5-prestashop1_7-diaporama.png 800w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/5-prestashop1_7-diaporama-300x152.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/5-prestashop1_7-diaporama-624x316.png 624w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Puis ins\u00e9rez les informations de votre image<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/configurer-diaporama-de-page-daccueil-prestashop-1-6-1-7\/4-prestashop1_7-diaporama\/\" rel=\"attachment wp-att-3118\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3118\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/4-prestashop1_7-diaporama.png\" alt=\"4-prestashop1_7-diaporama\" width=\"800\" height=\"516\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/4-prestashop1_7-diaporama.png 800w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/4-prestashop1_7-diaporama-300x194.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/4-prestashop1_7-diaporama-624x402.png 624w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<ul>\n<li><strong>Image:<\/strong> permet d&rsquo;uploader votre image.<\/li>\n<li><b>Titre:<\/b> correspond au nom donn\u00e9 \u00e0 votre image (n&rsquo;appara\u00eet pas sur le front-office de votre boutique).<\/li>\n<li><strong>URL cible:<\/strong>\u00a0permet d&rsquo;ins\u00e9rer un lien sur votre image. Ainsi lorsque le client clique sur l&rsquo;image il sera renvoy\u00e9 sur la page du lien. \u00a0Si vous ne d\u00e9sirez pas ins\u00e9rer un lien, il suffit de mettre\u00a0#.<\/li>\n<li><strong>L\u00e9gende: <\/strong>si votre image ne se charge pas, le texte de l\u00e9gende apparaitra. Ce champ est important pour l&rsquo;accessibilit\u00e9\u00a0et permet aussi le r\u00e9f\u00e9rencement de votre image.<\/li>\n<li><strong>Description: <\/strong>permet de mettre une description sur votre image, attention le texte appara\u00eet pas sur le front-office de votre boutique.<\/li>\n<li><strong>Activ\u00e9<\/strong>.\u00a0permet d&rsquo;activer ou de d\u00e9sactiver l&rsquo;image.<\/li>\n<\/ul>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/la-difference-entre-lui-et-lux\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/02\/wassai-blog-difference-between-ui-ux-en-400x249.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/la-difference-entre-lui-et-lux\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> La diff\u00e9rence entre l\u2019UI et l\u2019UX  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 251<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Vous vous \u00eates parfois demand\u00e9s quelle \u00e9tait la diff\u00e9rence entre l'UX et l'UI ?\r\n\r\nCette infographie va vous permettre de mieux comprendre \u00a0la diff\u00e9rence entre les deux :\r\n\r\n\r\n\r\n<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-ameliorer-lexperience-utilisateur-de-votre-site-infographie\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-infographique_ergonomie-header-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-ameliorer-lexperience-utilisateur-de-votre-site-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment am\u00e9liorer l\u2019exp\u00e9rience utilisateur de votre site | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 191<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie met en avant les grands principes pour am\u00e9liorer l'exp\u00e9rience utilisateur.\r\n\r\nUne petite d\u00e9finition : l\u2019exp\u00e9rience utilisateur, c\u2019est l\u2019\u00e9motion ressentie par un utilisateur lorsqu\u2019il utilise un service (Web ou humain) dans l\u2019atteinte d\u2019un objectif.\r\n\r\nA noter :\r\n- 68% des utilisateurs quittent un site en raison d'une mauvaise exp\u00e9rience utilisateur.\r\n- 44% des acheteurs en ligne ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/relier-compte-paypal-a-boutique-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/09\/ecommercepaypal-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/relier-compte-paypal-a-boutique-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment relier son compte Paypal \u00e0 sa boutique Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 6598<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Encore aujourd'hui, une partie des consommateurs ont peur d'utiliser sa carte de cr\u00e9dit sur un site internet, en particulier \u00e0 des marques encore peu connues sur le march\u00e9.\r\n\r\nC'est pour cela que je conseille de proposer diff\u00e9rents modes de paiement sur son site e-commerce comme Paypal, virement..... En plus si vous avez un bug sur l'un de vos modes de paiement, le client pourra toujours en choisi...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/modifier-la-police-decriture-avec-google-fonts-prestashop-1-7\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/modifier-police-ecriture-google-font-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/modifier-la-police-decriture-avec-google-fonts-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Modifier la police d\u2019\u00e9criture avec Google Fonts \u2013 PrestaShop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 7155<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dans ce tuto nous allons voir comment modifier la police d'\u00e9criture avec Google Fonts pour votre site PrestaShop 1.7\r\n\r\nA noter: actuellement la police par d\u00e9faut est Noto Sans, sans-serif\r\nEtape 1) Choisir sa police d'\u00e9criture\u00a0 \r\nNous allons choisir notre\/nos police(s) d'\u00e9criture sur le site de Google Fonts \u00e0 cette adresse : https:\/\/fonts.google.com\/\r\n\r\nJe vais choisir deux polices d'\u00e9criture, 1 ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/recette-pour-creer-un-logo-parfait-infographie\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-Capture-d\u2019\u00e9cran-2015-07-15-\u00e0-15.18.59-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/recette-pour-creer-un-logo-parfait-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Recette pour cr\u00e9er un logo parfait | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 559<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Selon cette infographie, 7 points sont importants pour obtenir un logo parfait. Elle propose aussi diff\u00e9rents exemples de cr\u00e9ations qui marchent et qui marchent moins bien.\r\n\r\nInfographie int\u00e9ressante qui permet de reprendre les bases de la cr\u00e9ation de logo.\r\n\r\n\r\n\r\nLe r\u00e9sum\u00e9 des 7 points :\r\n- \u00eatre all\u00e9chant,\r\n- \u00eatre unique,\r\n- \u00eatre intemporelle,\r\n- innover,\r\n- \u00eatre simple,\r\n- \u00eatre consistant,\r\n- s...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Aujourd\u2019hui, nous allons voir comment configurer le diaporama de votre page d&rsquo;accueil sur\u00a0votre boutique en ligne sur Prestashop 1.6 &amp;Prestashop\u00a01.7 &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; Tutorial pour Prestashop 1.6 A noter la taille de l&rsquo;image pour le diaporama est de 779px de large pour 448px de haut. Etape 1: Tout d&rsquo;abord, connectez-vous au back-office [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3121,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11,12],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/3077"}],"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=3077"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/3077\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/3121"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=3077"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=3077"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=3077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}