Recommandations integration shop application

Documentation - 2010
SITES E COMMERCE : Intégration du template
1 – GENERALITES
En tant qu’integrateur, vous allez pouvoir mettre en place le template du site par la
partie « configuration » de l’administration.
L’accès ce fera par l’adresse : http://www.xxx.com/superadmin/configuration.php
Cette partie vous permet de gérer l'intégration graphique et de paramétrer le
comportement de la boutique.
Par défaut, votre boutique vous est livrée avec un design déjà installé où il ne vous reste
plus qu'à remplacer les images (telles que le bandeau supérieur, le logo et la couleur des
boxes), mais vous pouvez aussi allez beaucoup plus loin dans cette personnalisation.
---
Une aide en ligne pour l'intégration est disponible à l'adresse :
http://www.ecommerce-hosting.fr/espace-integrateurs-xsl-221.html
Mot de passe : int
---
Vous bénéficiez, en tant qu’intégrateur, du support technique que vous pouvez
contacter à l’adresse : http://www.ecommerce-hosting.fr « espace revendeur »
---
2 – BASES TECHNIQUES
Les sites E commerce sont décomposés de la manière suivante :
Dimensions à prévoir :
- Largeur générale : 1000 pixels
- LEFT & RIGHT : minimum conseillé de 200 pixels de large
- CENTRE : largeur minimum obligatoire de 600 pixels
Toujours prévoir sur la maquette :
-
Un lien vers le compte client
Un lien vers le panier
Un lien vers les conditions générales
Les coordonnées du vendeur dans le footer
Les drapeaux pour changer de langues
3 – STRUCTURES BASIQUES
Présentations types les plus utilisées :
Présentation 1
Présentation 2
Présentation sur 2 colonnes avec les
éléments de navigations et de promotions
dans des boxes à gauche et à droite.
Présentation sans colonnes avec menu
déroulant sur la partie haute du site pour
afficher les différentes rubriques.
Présentation 3
Présentation 4
Présentation avec une colonne à gauche pour
les éléments de promotions et un menu
déroulant haut pour afficher les différentes
rubriques.
Présentation avec une colonne à droite pour
les éléments de promotions et un menu
déroulant haut pour afficher les différentes
rubriques.
Exemples de design simples à intégrer :
4 – STRUCTURES EVOLUEES
Vous pouvez aussi faire un 100% en largeur sur le header pour donner plus de
relief :
Il est aussi possible réaliser des connexions entre le header et les colonnes
mais il faut bien prendre en compte le découpage du template :
Exemple à ne pas suivre :
Dans ce cas, les boxes sont au même niveau que le bandeau du header. C’est possible
lorsque la boxe a une hauteur fixe comme celle de « Mon panier » mais si on prend le
menu de gauche sur cette maquette, il a fallu développer un script spécifique pour
décomposer la boxe en deux parties afin d’avoir une coupure entre la partie haute du site
et les colonnes de gauche et de droite.
5 – PAGES ARTICLES
Pour la liste des articles nous préconisons :
Nous vous déconseillons de mettre des encadrements autour des photos car si les photos
n’ont pas la même hauteur, vous obtiendrez :
Pour la fiche article, nous vous conseillons :
Les éléments à prévoir sur la maquette sont :
-
Le nom de l’article
Le prix
Les délais d’expédition
La fonction envoyer à un ami
La fonction Ajout Liste (wish-list)
La référence produit
Le nombre de points fidélités
Les options produits
La quantité à commander
Le bouton acheter
La description produit
La photo principale et le suivantes en miniatures
Les modules de ventes croisés
L’avis des internautes
Le module de défilement des produits présents dans la même rubrique
Exemple de fiche article :