Avec Oasis vous pouvez modifier les éléments graphiques de votre site (couleur du menu, des boutons, polices, taille de la police …) pour le rendre plus proche de votre marque. Oasis utilise un modèle graphique qu’il applique à votre site. Vous pouvez paramétrer plusieurs modèles  graphiques pour donner différents styles à votre site. Imaginez par exemple changer les couleurs de celui ci pendant la période de noël, d’halloween… 

Attention toutefois un seul modèle peut être appliqué à la fois.


Pour accéder aux modèles vous devez vous rendre à la rubrique Site Web > Graphisme puis cliquez sur “Modèles graphiques”



Pour créer un modèle vous pouvez cliquer sur le bouton en haut à droite  :

Une pop-up s’ouvre vous invitant à saisir le nom du modèle et si vous souhaitez qu’il s’applique par défaut à votre site. 



Vous pouvez également importer un modèle via le bouton en haut à droite


Voici l’interface lorsque vous cliquez sur un modèle existant : 


En haut de cette page vous retrouvez les différents rubriques du modèle graphique que vous pourrez modifier. A droite de chaques rubriques une maquette numérotée vous permet de retrouver les éléments que vous pouvez modifier. 


Voici la liste de ces rubriques :

  • Général

  • Boutons

  • Articles 

  • Images 

  • Logo 

  • Expert (Attention ce mode doit être utilisé par une personne maîtrisant le CSS, cette rubrique donne accès aux feuilles de styles de votre site, que vous pouvez surcharger, une erreur de paramètre peut casser le site)


  • Général : Modifie l’aspect général du site (menu, pictos, phrase du haut…)


Pour l’exemple nous allons modifier la couleur des Pictos (numéro 2), n’oubliez pas suite à vos modifications d’enregistrer (en bas de la page) via le bouton

Pour visualisez le résultat côté site web n’hésitez pas à rafraîchir le cache du navigateur.



  • Boutons : Modifie l’aspect graphiques des boutons. 



Pour l’exemple nous allons mettre en majuscules le bouton “passer commande” :



  • Articles : Modifie l’aspect graphique de la fiche article.




Pour l’exemple nous allons modifier la taille de la police du “Prix” de la fiche article. 


  • Images : Modifie les icônes telles que les flèches précédentes, et suivantes, l’icône du panier, l’icône favoris…

  • Logo : Vous pouvez modifier le logo du site mobile ainsi que celui du site web.

  • Expert : Vous pouvez surcharger les classes Oasis afin d’obtenir un visuel complètement différent du visuel standard. Attention à bien maîtriser le langage CSS où faire appel à un web designer.  


Autres exemples : 


- Séparateur menu haut : Vous pouviez auparavant afficher le séparateur (ligne verticale) ou non. 



Avec les nouveautés du modèle graphique vous pouvez maintenant changer le type de séparateur, imaginons que vous souhaitez un cercle au lieu d'une barre verticale.


Pour cela rendez vous dans l'onglet  Général à la section 3 - Menu principal (Séparateur) : 


Si vous saisissez la valeur "2" pour le coins arrondis et une hauteur - largeur de "4" vous aurez ce résultat : 


Libre à vous d'augmenter ou non la puce, de créer des puces carrées...