Notions de base sur les styles

Pour concevoir votre site Web dans tous les aspects possibles, ouvrez le mode de création avancé. Vous pouvez modifier le style et la mise en page en mode WYSIWYG. Les changements sont visibles immédiatement.
La zone de travail du navigateur est divisée en deux parties distinctes. La partie supérieure propose une barre d'outils multifonctions. Elle présente les fonctions disponibles. Pour plus d'informations, reportez-vous à la section Barre d'outils multifonctions et contenu.
Dans la partie inférieure, vous pouvez voir l'aperçu de page. Vous pouvez y modifier directement le style et la mise en page du site. L'aperçu de page montre la page active, avec le style et le thème correspondants au style sélectionné. Pour plus d'informations, reportez-vous à la section Styles personnalisés.
Le site Web est divisé en plusieurs zones fonctionnelles. Pour plus d'informations, reportez-vous à la Figure 8.
Figure 8 : arborescence du site

Zone 1 :
En-tête
Zone 2 :
Haut
Zone 3 :
Gauche
Zone 4 :
Zone de contenu
Zone 5 :
Droite
Zone 6 :
Bas
Zone 7 :
Pied de page

De plus, une zone de travail affiche le contenu du site dans le navigateur. Pour plus d'informations, reportez-vous à la section Aperçu de page dans le navigateur.
Si vous souhaitez éditer une zone, cliquez simplement dessus. La zone s'active alors. Elle est mise en évidence par une bordure et la barre d'outils multifonctions affiche les fonctions pouvant être appliquées à cette zone.
En termes d'édition et d'options de configuration, les différentes zones du site sont réparties en zones verticales et horizontales ainsi qu'en une zone de contenu :

Zones horizontales :
En-tête, Haut, Bas, Pied de page
Les zones horizontales s'étendent généralement sur la totalité de la largeur du site Web. Elles sont plus larges que hautes. Elles contiennent généralement des liens et des éléments nécessitant un affichage étroit. Les éléments de page destinés aux zones horizontales incluent généralement les éléments suivants :
  • Logo
  • Nom du site Web
  • Lien vers la page d'accueil, coordonnées, conditions générales de vente, informations client, catégories, panier.
  • Drapeaux pour le choix du pays
Zones verticales :
gauche, droite
Les zones verticales sont généralement situées entre les zones horizontales et sont parallèles à la zone de contenu. Elles sont plus hautes que larges. Elles contiennent généralement des zones de texte, des listes, des liens ou des champs de saisie. Les éléments de page destinés aux zones horizontales incluent généralement les éléments suivants :
  • Liste des catégories principales
  • Connexion
  • Affichage réduit du panier, statut du panier
  • Recherche de produit
  • Produits en promotion
Zone de contenu :
Tandis que les autres zones contiennent surtout des éléments fonctionnels tels que des menus et des liens, la zone de contenu présente le contenu des pages créées sous Contenu/Catégories.
La taille de la zone de contenu est déterminée par la hauteur et la largeur des autres zones, ainsi que par le remplissage. Le « reste » de la fenêtre du navigateur est utilisé pour les contenus.

Les paramètres définis pour toutes les zones constituent le style de la boutique lorsqu'ils sont mis ensembles. Certains paramètres s'influencent les uns les autres et sont interdépendants. L'effet de ces interactions doit être pris en compte. Les informations suivantes devraient vous être utiles :
Remarques sur les images de fond
Des modèles assortis sont chargés pour les images de fond dans chaque modèle de style. Vous pouvez les remplacer par vos propres images. Si vous supprimez vos propres images, le modèle utilisé est chargé de nouveau. Si vous ne souhaitez utiliser aucune image de fond, vous devez également supprimer l'image du modèle. Pour cela, cliquez sur le lien Supprimer le modèle. Une fois le modèle supprimé, le nom du lien se change alors en Restaurer le modèle. Cliquez sur ce lien pour restaurer le modèle par défaut pour l'image de fond sans avoir à indiquer de nom de fichier.
Remarque : Si vous choisissez à la fois une couleur et une image de fond, l'image de fond sera toujours affichée au-dessus de la couleur de fond. Donc, si vous souhaitez afficher une couleur de fond, vous devez supprimer l'image de fond. Si le fond de la page doit être rempli entièrement, vous devez soit redimensionner l'image afin de l'ajuster à la zone, soit activer l'option Image en mosaïque.
Image en mosaïque
Les images de fond peuvent soir être affichées en tant qu'image unique, soit répétées en motif de manière à remplir le fond de toute la page. Les copies de l'image sont placées sur le côté et sous l'image jusqu'à ce que la totalité de la page soit remplie.