Le Cyber Monday est arrivé ! Créez une application et profitez de 50% de réduction dès maintenant !
Retour

Comment personnaliser les icônes de votre menu ?


Bonjour et bienvenue dans votre backoffice GoodBarber.

Aujourd'hui nous allons apprendre à modifier les icônes de votre mode de navigation.

Si vous n'avez pas encore choisi votre mode de navigation, vous pouvez aller voir la vidéo dédiée que je vous mets dans la barre d'info.

Le tuto d'aujourd'hui vous concerne si vous avez choisi les modes de navigation Little Swipe, TabBar ou Grid.

Dans ces modes de navigation, les sections de votre boutique sont représentées par des icônes que vous pouvez personnaliser.

Je vous montre comment.

Rendez vous dans le menu Contenu & Design, Design, Menu de Navigation.

Entrez dans le mode de navigation que vous avez choisi. TabBar pour moi.

Cliquez sur l'icône de la section que vous souhaitez personnaliser. On va commencer par ma section Home.

Je clique sur "Modifier l'icône".

Maintenant j'ai deux possibilités. Soit je choisis parmi les 150 icônes proposées par GoodBarber.

Soit je télécharge une icône personnalisée.

Pour ça, je rentre dans le menu Icônes Perso.

Si vous choisissez l'option icone, vous devrez forcémment télécharger une image de couleur Blanche sur fond transparent, car vous pourrez appliquer les couleurs de votre thème à cette icone.

Dans mon cas, l'icon que je veux appliquer possède des motifs. Je choisis donc l'option Image. Dans ce cas, aucune couleur du thème ne sera appliquée à mon icone.

J'uploade mon image en respectant les formats mentionnés dans le back office et voilà !

Je modifie les icônes des autres sections rapidement. Cette fois, je vais directement piocher dans la bibliothèque GoodBarber.

Et c'est fini !

Voilà vous savez maintenant comment personnaliser les icônes de votre mode de navigation !

A bientôt pour un nouveau tutoriel ;)

 

 

Vidéos similaires

Conseils pour créer une app