Personnaliser l'aspect d'un site

Ce sont les couleurs utilisées par votre site e-Commerce. Cliquez sur un bouton pour sélectionner la couleur à modifier, celle du site ou celle du texte – puis sélectionnez une nouvelle couleur.

Sélectionnez la couleur en cliquant sur la palette de couleurs qui s'affiche.

L'une des fonctions particulièrement puissantes du Designer est la possibilité de modifier un modèle de couleurs. Il est également possible d'importer et d'exporter des modèles de couleurs.

Dans la fenêtre de prévisualisation, cliquez sur la couleur que vous souhaitez modifier.

Un menu apparaît.

Sélectionnez l'élément voulu, la couleur d'arrière-plan ou celle du texte par exemple. Si vous déplacez la souris sur l'élément, un échantillon de couleurs apparaît au-dessus du menu pour vous aider à sélectionner le bon élément. Cliquez sur l'élément et sélectionnez une couleur dans le sélecteur de couleurs.

Cliquez sur le bouton Ajouter une couleur situé sous les échantillons de couleurs du site. Une nouvelle couleur sélectionnée est alors ajoutée aux couleurs du site, et vous pouvez l'appliquer aux éléments du site en sélectionnant un élément et en choisissant la couleur

Cette fonction permet de créer rapidement une nouvelle palette de couleurs harmonisées pour votre site.

Cliquez sur l'icône "pipette"

Sélectionnez la couleur principale que vous souhaitez donner à votre site.

ShopFactory crée automatiquement une palette de couleurs harmonisées en fonction des exigences du disque chromatique que vous pouvez appliquer à votre site Web d'un simple clic.

Cette action ne peut pas être annulée avec la fonction annuler. 

Les images par défaut permettent de déterminer l'aspect général d'un site e-Commerce. La fonction personnaliser l'aspect permet de modifier facilement la plupart de ces images.

Cliquez sur l'image par défaut que vous voulez modifier dans la fenêtre de personnalisation. Remarque : il n'est pas possible de modifier les images définies pour les pages et les produits dans le menu Personnaliser l'aspect.

Un petit menu contextuel apparaît.

Sélectionnez Modifier une image.

La boîte de dialogue Image s'ouvre et vous permet de modifier l'image.

Vous pouvez supprimer ou remplacer l'image, ou l'éditer avec votre éditeur d'images préféré.

ShopFactory vous aide même à redimensionner l'image sélectionnée de sorte qu'elle s'adapte correctement.

Les modification effectuées sur les images ne peuvent pas être annulées avec la fonction annuler. Cependant, vous pouvez restaurer l'image d'origine du thème choisi.

Les images par défaut ont une taille fixe qu'il n'est pas possible de modifier. ShopFactory ajuste automatiquement les images dont la taille est trop grande pour les intégrer à la charte graphique de votre site et permet même de les rogner à la volée.

La procédure pour ajouter une image est similaire à celle utilisée pour éditer une image existante. Cliquez dans la fenêtre de prévisualisation sur la zone dans laquelle vous souhaitez ajouter une image.

Si l'option Ajouter une image apparaît, vous pouvez ajouter une image.

Remarque : la fonction annuler ne permet pas de revenir en arrière pour les images - vous devez les supprimer manuellement.

Vous pouvez modifier l'aspect des Index 1 et 2 aussi facilement que les couleurs et les visuels par défaut. Cliquez simplement dessus et sélectionnez l'élément que vous souhaitez modifier.

La couleur des Mouse-Over correspond à l'aspect d'un bouton lorsque le pointeur de la souris se trouve dessus – il devient facile de créer de beaux menus dynamiques.

Vous n'aimez pas cette nouvelle couleur ? Il suffit d'annuler la modification.

Les fonctions annuler  et rétablir  vous permettent d'expérimenter différents thèmes de couleurs jusqu'à ce que vous trouviez celui qui vous convient.

Les modifications apportées aux images en mode Personnalisation ne peuvent pas être annulées, mais il est généralement possible de rétablir l'image d'origine du thème sélectionné dans la boîte de dialogue Sélection d'image.

Les modifications effectuées seront prises en compte lorsque vous les aurez enregistrées

Pour enregistrer les modifications, vous pouvez procéder de deux façons :

·      Cliquer sur le bouton Enregistrer de la barre d'outils principale.

·      Sortir du mode Designer et cliquer sur OK en réponse à la question “Appliquer les modifications ? ” qui apparaît dans la boîte de dialogue.

Une fois que vous avez personnalisé un habillage vous pouvez l'enregistrer en cliquant sur Designer > Enregistrer comme nouveau Modèle. Cependant, l'image affichée restera celle du modèle d'origine tant que vous ne l'aurez pas vous-même remplacée dans le dossier du thème de site.

La modification des couleurs sur une page peut parfois affecter la charte graphique sur d'autres pages. Vous pouvez naviguer sur tout le site pour voir l'impact des modifications effectuées.

Pour naviguer, appuyez sur la touche CTRL du clavier tout en cliquant sur un lien.

L'aspect de votre site e-Commerce peut légèrement varier en fonction de la résolution d'écran.

 Vous pouvez visualiser votre site dans différentes résolutions d'écran standard. Sélectionnez la résolution voulue dans la liste déroulante qui se trouve dans le coin inférieur droit en mode Designer.

Vous pouvez faire défiler la fenêtre Prévisualisation qui reflétera ainsi les dimensions de la résolution d'écran choisie.

Ceci ne modifiera pas la largeur du site que vous avez créé.