C'est ici que tout se passe. La section centrale change constamment pour s'adapter aux choix du client.
Guide de l’utilisateur PrestaShop 1.5 30
La page d'accueil
La page d'accueil par défaut présente une vue globale de la boutique et des possibilités offertes aux clients. Un carrousel d'image (slider) sert d'introduction à la boutique.
Ce carrousel est suivi d'un bloc "Produit phares", qui présente quatre des produits que le vendeur a choisi de mettre en avant, que ce soit pour leur nouveauté ou pour leur prix.
Pour la plupart, les internautes arriveront sur votre boutique par le biais d'un moteur de recherche, directement sur la page d'un produit ou d'une catégorie de produits. Ceux qui arriveront sur la page d'accueil ne sont pas forcément la majorité, et c'est la raison pour laquelle elle devrait être conçue pour les nouveaux utilisateurs, avec une introduction en bonne et due forme.
Pages listant les produits
Catégories, tags, fabricants, recherche, réductions, meilleures ventes ou
nouveaux produits : PrestaShop dispose de nombreux parcours pour parvenir à un produit, mais en définitive le client verra toujours une mise en page
cohérente des listes de produits, selon leur contexte.
Guide de l’utilisateur PrestaShop 1.5 32
Malgré la variété des contenus, les mises en page de ces listes restent très similaires, afin de ne pas bousculer les nouveaux venus :
Miniature à gauche ;
Nom et description dans la section centrale ;
Prix, disponibilité, bouton "Ajouter au panier" et lien vers la page du produit à droite.
Cet affichage des listes permet aux clients d'apprécier en un clin d'œil les principales informations des produits quand ils savent déjà tout ce qu'il y a à savoir sur un produit, ce qui leur permet de se décider plus rapidement.
Un clic sur "Ajouter au panier" déclenche une animation, déplaçant la miniature du produit sur le bloc Panier.
En-tête de catégorie : image et scène
Les catégories peuvent disposer d'une image accompagnée d'un message d'introduction, tous les deux définis par l'administrateur.
Ce n'est pas le cas par défaut, mais vous pouvez remplacer l'image de la
catégorie par une "scène", c'est à dire une image cliquable (ou "image map" en anglais"). Chaque catégorie peut disposer d'un nombre illimité de scènes, et l'utilisateur peut passer de l'une à l'autre de l'outil situé en-dessous.
Guide de l’utilisateur PrestaShop 1.5 34
Une scène est simplement une image dont certaines parties sont cliquables.
PrestaShop place un symbole "+" sur zones. La scène peut contenir autant de liens que nécessaires.
Tri des produits
L'affichage des produits par catégorie ou par fabricant peut être trié par prix, nom ou disponibilité.
Notez bien que l'affichage par tag ne permet pas un tel tri.
Comparaison des produits
Les produits d'une catégorie peuvent être comparés entre eux grâce à la case à cocher "Comparer" (à gauche de la miniature). C'est la seule manière de
comparer des produits, ce qui est logique étant donné qu'il serait compliqué de comparer des produits n'étant pas d'une même catégorie (donc ayant des différences techniques). Bien entendu, cela signifie que vous devez mettre dans une même catégorie que les produits comparables.
À condition que les informations sur les produits soient complètes et cohérentes, la page de comparaison affichera une ligne pour chaque
caractéristique comparable. C'est extrêmement utile, surtout pour les produits similaires mais ayant des différences techniques.
Par défaut, les clients peuvent comparer jusqu'à trois produits à la fois, mais
Guide de l’utilisateur PrestaShop 1.5 36
Pages produits
C'est ici que toutes les informations saisies par le propriétaire de la boutique sont mises à disposition de l'utilisateur. En fonction de la mise en page du thème, une page produit peut être très complète, avec de nombreuses
informations, et présenter simplement les faits essentiels. Le thème par défaut est typique, en cela que sa particularité la plus proéminente est les images du produit, avec un outil de défilement en-dessous.
A côté des images se trouvent deux blocs :
Un bloc "Description rapide", donnant les informations principales du produit présenté sous la forme d'un texte libre.
Un bloc "Ajouter au panier", avec la possibilité de choisir parmi les différentes variations disponibles (telles que définies par le propriétaire de la boutique) et la quantité à commander.
En bas de la page produit se trouvent des onglets, les deux présents par défaut étant :
En savoir plus. C'est ici que le client trouvera la description complète du produit, telle que saisie par le vendeur. Le contenu de ce bloc est un texte libre.
Fiche technique. Cet onglet n'apparaît que si le marchand a mis des informations dans la section "Caractéristiques" du produit. C'est ici que PrestaShop liste toutes les fonctionnalités en détails telles que présentes dans la base de données. Ces données sont également utilisées quand il s'agit de comparer deux produits. De fait, le contenu de cet onglet est écrit de manière très lapidaire : ce ne sont que des faits bruts, loin du texte libre du bloc "En savoir plus".
La page Panier
En cliquant sur le bouton "Panier" du bloc "Panier" dans la colonne de droite, ou sur le symbole du caddie dans l'en-tête, le client accède à la page "Récapitulatif de la commande".
Guide de l’utilisateur PrestaShop 1.5 38
Celle-ci se trouve être la première étape du processus de commande, comme l'annonce le fil d'Ariane présenté en haut, indiquant les étapes suivantes du processus :
1. Résumé. Le client s'assurer que sa commande ne contient que les produits qu'il a choisir, ni plus ni moins.
2. Identifiez-vous. Si le client n'est pas connecté, PrestaShop lui demande de se connecter ou de créer un compte. Si le client est déjà connecté, le processus passe directement à la page suivante.
3. Adresse. Le client choisi l'adresse où la commande doit être envoyée, parmi celles qu'il a enregistrées dans PrestaShop.
4. Frais de port. Le client choisi sa méthode d'expédition, et d'autres options d'expédition.
5. Paiement. Cette page résume l'ensemble des choix du client, avec le prix final de sa commande (cette fois avec les frais d'envoi). Il doit choisir sa méthode de paiement.
Le client peut revenir à une étape précédente à n'importe quel moment, en cliquant sur son titre.
Le processus standard de commande comprend 5 étapes, et autant de pages. Vous pouvez choisir d'afficher toutes ces étapes sur une seule page : dans le back-office, ouvrez la page des préférences des commandes, et modifiez l'option "Type de processus de commande" pour passer de
"Standard (5 étapes)" à "One page check out".
La page du panier donne un aperçu succinct mais complet des éléments présents dans le panier : image miniature, nom, fonctionnalités, disponibilité, prix et possibilité de modifier la quantité.
Le prix de la commande est ensuite détaillé en-dessous, comprenant les coûts des taxes et de la livraison, et si cela était le cas, un indicateur du bon de réduction qui a été utilisé. Plus en dessous, les adresses du client sont présentées.
En cliquant sur "Suivant", le client poursuit le processus de commande.