Un compte avec un accès Enseigne du backoffice peut ajouter du CSS pour personnaliser l’apparence de la commande en ligne.

⚠️ Innovorder ne fournit pas d’aide à la mise en place du code CSS, ni à sa maintenance.

Avant d’activer la fonctionnalité de code CSS personnalisé, nous vous recommandons :

• de mettre en place un processus de test et mise à jour du code avant de l’activer ;

• de faire appel à un·e développeur·se si vous prévoyez de faire des changements CSS importants sur votre plateforme.

Si vous décidez que le CSS personnalisé correspond à vos besoins, le propriétaire de la commande en ligne doit être préparé à :

• d'adapter le code aux changements visuels de la plateforme, et assurer le support vis-à-vis de ses propres utilisateurs.

⚠️ Attention : Le code s’ajoute au niveau d'une enseigne, et cette personnalisation sera effective pour l'ensemble des restaurants de votre enseigne.

Recommandations générales

1. Testez le code sur votre navigateur.

2. Copiez-collez le code dans votre enseigne.

3. Sauvegardez une copie du code dans un fichier à part.

Ajouter, modifier ou supprimer du code CSS personnalisé

1. Depuis la page d’accueil, dans la barre de gauche, cliquez sur Enseigne.

2. À droite de Commande en ligne, cliquez sur Configurer.

3. Dans la barre du haut, cliquez sur Style.

4. Descendez jusqu’à la section CSS.

5. Ajoutez, modifiez ou supprimez le code CSS.

6. Cliquez sur Enregistrer, en dehors du champ, pour sauvegarder les modifications.

7. Rafraîchissez la page de la Commande en ligne de votre navigateur pour voir les modifications.

Exemples de CSS

Pour modifier le CSS de la plateforme, vous devez identifier l’élément ("element") et la propriété ("property") de ce que vous souhaitez modifier.

• Element: .mobile-category-wrapper

• Property: background

Les modifications simples ressembleront donc à ceci :

/*description du changement pour une meilleure visibilité*/

element { 
       property: value; 
}

Autres ressources :

• HTML Color Codes

• W3Schools: CSS Reference

   

Besoin d'un coup de main ?

N'hésitez pas à nous contacter via le chat ou par email support@innovorder.fr