Présentations SmartSkins

 Qu'est-ce que le SmartSkins ?
Le SmartSkins est un éditeur CSS compris dans votre abonnement et qui va vous permettre de créer et personnaliser votre charte graphique en toute rapidité et simplicité. Vous pouvez créer autant de présentations que vous le souhaitez.
A l'ouverture du site, vous avez dû choisir un thème. Cette présentation est personnalisable via une version simplifiée du SmartSkins.
Pour obtenir plus plus d’information sur le SmartSkins simplifié, rendez-vous dans l'aide suivante : SmartSkins Simplifié

Si vous souhaitez créer votre propre présentation à partir d'une version vierge, l'éditeur est accessible depuis le menu [Site \ Présentation], bouton "Ajouter une présentation, choix SmartSkins 2010.

Si votre site est en ligne, nous vous conseillons de créer votre présentation SmartSkins sans l'appliquer à la boutique. Ceci vous permet de travailler en mode caché.
Pour ce faire, cliquez sur le menu [Site \ Présentation] puis sur l'icone "Personnaliser la présentation SmartSkins".

Cliquez sur l'image pour l'agrandir

La présentation appliquée au site est repérable grâce à l'icone présent dans la colonne "Défaut".



Vous pouvez changer de présentation facilement en cliquant sur l’icône présent dans la colonne "Défaut" de la ligne de la présentation.



 
 Organisation
L'éditeur Smarskins est organisé en plusieurs rubriques.

1.Actions

Cette rubrique permet de sauvegarder les modifications apportées à votre site ou de quitter sans sauvegarder en cas d’erreur. Il permet également la réinitialisation de votre charte graphique aux valeurs par défaut.



2.Site

La rubrique site va vous permettre de modifier la couleur ainsi que la taille de la police de votre site. Vous pouvez utiliser les chartes de couleurs proposées ou créer votre propre charte.



3.Entête

Ce block permet de personnaliser le bandeau d'entête. Vous pouvez modifier sa hauteur et lui appliquer une image Oxatis ou une image depuis votre ordinateur.
Vous pouvez également personnaliser l’affichage de votre logo et l’affichage d’un slogan. Ces informations devront être ajoutées au préalable dans le menu [Site \ Entête et logo].



4.Menus vertical et horizontal

Cette rubrique permet de personnaliser vos menus (horizontal et vertical). Vous pouvez, de manière générale, modifier la structure de vos menus, personnaliser les différents types d'éléments : textes, titres et images de chacun des menus.



5.Arrière plan

Cette catégorie vous permet d'agir sur la couleur de fond de votre site, lui appliquer une image. Le bouton "pied de page", quant à lui, permet de mettre en forme votre menu Pied de page.



6.Aire des Données

La rubrique "Aire des données" regroupe les éléments généraux du site tels que les blocks de raccourcis, les pages des composants, les webBlocks et le panier d'achat.
Vous pourrez intervenir sur la couleur de votre block édito, la couleur des titres de page, composants, etc. Le bouton "Panier" vous permet d’appliquer vos propres boutons (valider la commande, continuer... etc).



N.B : Pensez à sauvegarder régulièrement votre travail en cliquant sur le bouton [Sauver] afin d’éviter une perte du travail effectué.
 
 Convertir une présentation SmartSkins en présentation CSS
L’éditeur de SmartSkins permet un certain niveau de personnalisation. Si vous souhaitez aller plus loin dans la personnalisation de votre présentation, il vous faudra intervenir sur la feuille de style CSS.

Important : la modification d'une présentation CSS nécessite des compétences en programmation CSS.

Une fois votre présentation créée, vous pouvez la convertir en CSS afin de la modifier si besoin. La conversion d’'une présentation SmartSkins en CSS est irreversible. En effet, les modifications futures devront être réalisées depuis la feuille de style CSS de votre présentation.

- Pour convertir votre présentation SmartSkins en présentation CSS, rendez-vous dans le menu [Site \ Présentation], icone "Visualiser les propriétés", puis cliquez sur le bouton "Dupliquer et transformer en présention CSS.

- Votre présentation sera dupliquée et vous aurez une version en CSS afin de la modifier si nécessaire.

Cliquez sur l'image pour l'agrandir
 

Ajouter aux favoris : http://www.oxatis.com/Help/HelpCenterContent.asp?ActionID=512&TID=55488&MID=4000&LangID=0
© 2001-2018 Oxatis. Tous droits réservés.