Dans Prestashop, comme dans de nombreux CMS, le fond est dissocié de la forme. Maintenant que le fond, c'est-à-dire, le catalogue de la boutique est plein à craquer, nous allons nous occuper de l'apparence de la boutique en ligne.
Votre page d'accueil est composée de modules que vous allez pouvoir ajouter, modifier, configurer pour obtenir la page que vous souhaitez.
Une fois prêt à modifier votre page d'accueil il vous suffit de trouver le ou les modules sur lesquels vous souhaitez intervenir.
|
Légende |
Module |
Fonction |
Où le trouver |
① |
Thème & Logo |
Ajoute le logo de votre boutique
|
"Apparence" > "Thème & logo" |
② |
Menu principal |
Ajoute un menu horizontal en haut de votre boutique |
"Module" >"Gestionnaire de module" > "Menu principal" |
③ |
Barre de recherche |
Ajoute un bloc avec un champ de recherche rapide |
"Module" >"Gestionnaire de module" > "Barre de recherche" |
④ |
Coordonnées |
Permet d'afficher des informations supplémentaires à propos du service client de votre boutique |
"Module" >"Gestionnaire de module" > "Coordonnées". |
⑤ |
Lien de connexion client |
Ajoute un bloc avec des liens utiles pour le client (login, déconnexion...) ... |
"Module" >"Gestionnaire de module" > "Lien de connexion client". |
⑥ |
Panier |
Ajoute un bloc avec le contenu du panier du client |
"Module" >"Gestionnaire de module" > "Panier". |
⑦ |
Homepage Slider |
Permet de personnaliser et d'afficher un slider en plein écran et de gérer vos sliders |
"Module" >"Gestionnaire de module" > "Homepage Slider". |
⑧ |
Bloc nouveaux produits |
Ajoute un bloc proposant les derniers produits ajoutés |
"Module" >"Gestionnaire de module" > "Bloc nouveaux produits". |
⑨ |
Produits phares |
Affiche vos produits phares dans la colonne centrale de votre page d'accueil. |
"Module" >"Gestionnaire de module" > "Produits phares". |
⑩ |
Bloc promotions |
Affiche vos produits en promotion dans un bloc dédié |
"Module" >"Gestionnaire de module" > "Bloc promotions" |
⑪ |
Bloc de texte personnalisé |
Intègre des blocs de texte personnalisé où vous le souhaitez dans votre boutique |
"Module" >"Gestionnaire de module" > "Bloc de texte personnalisé" |
⑫ |
Réassurance |
Ajoute un bloc pour afficher des informations pour rassurer vos clients |
"Module" >"Gestionnaire de module" > "Réassurance" |
⑬ |
Inscriptions à la newsletter |
Ajoute un formulaire pour s'inscrire à la newsletter et vous permet d'accéder aux données collectées. |
"Module" >"Gestionnaire de module" > "Inscription à la newsletter" |
⑭ |
Footer |
Affiche le plan de site de votre boutique et permet à votre client de retrouver facilement et de manière accessible d’autres pages |
“Apparence” > “Link Widget” > “Notre société” >”Modifier” |
Notre conseil:
Dans le web il est plus efficace de réfléchir d'abord avec une feuille et un stylo avant de se jeter rapidement sur un logiciel. Le logiciel n'est là que pour exécuter vos ordres. Si vous n'avez pas réfléchi suffisamment au préalable, vos hésitations généreront des erreurs au niveau logiciel et vous perdrez du temps sans oublier le risque de casser la boutique.
Réfléchissez d'abord à la structure globale de votre boutique avant de vous égarer dans les détails d'une bordure.
Si vous n'avez aucune idée sur la structure globale de l'apparence de votre boutique, regardez des exemples sur le web et posez-vous ces questions : « Qu'est-ce qui me plaît dans cette boutique ? » « Qu'est-ce qui me déplaît dans cette boutique ? » Consultez au moins trois boutiques qui vous plaisent et trois boutiques qui vous déplaisent pour avoir un large éventail d'exemples.
Vous repérerez alors les points intéressants selon vous à reproduire et ce que vous souhaitez absolument éviter. À vous d'appliquer vos observations à votre boutique.
Le site Prestashop.com propose une partie Showcase (https://www.prestashop.com/fr/exemples) où vous trouverez des nombreuses boutiques en ligne toutes gérées avec Prestashop.
Suivant