En ce Mercredi 1er Novembre, nous allons traiter le sujet de la couleur ! Nous allons voir comment modifier les trois couleurs portées par l’application mobile PrestaShop générée avec PrestApp.

Rappel du dernier article traité la semaine dernière : La gestion des moyens de livraison et des moyens de paiement pour une application Android PrestaShop ==> https://www.prestapp.eu/m-commerce/tutoriel-mettez-votre-application-mobile-prestashop-aux-couleurs-de-votre-boutique/

1. Modification des couleurs de l’application

Depuis l’interface d’administration, vous allez pouvoir réaliser la personnalisation de l’application aux couleurs de votre boutique. Pour modifier les couleurs de votre application mobile PrestaShop, allez sur le panel d’administration de PrestApp, cliquez sur le menu « Design » puis sur « Colors ».

Affichage et possibilité de modification des trois couleurs majeures de l'application
Panel de modification des couleurs de l’application mobile PrestaShop pour Mon Joli Sautoir

Paramétrage des couleurs avant modification

Color picker pour choisir les couleurs de l'application mobile PrestaShop
Affichage du color picker pour la sélection des couleurs

Paramétrage des couleurs après modification

Trois couleurs peuvent être configurées depuis l’interface d’administration, la couleur d’accentuation principale, la couleur claire et la couleur foncée. Ces trois couleurs auront un impact sur différents éléments visuels de votre application. La modification des couleurs prend effet après un redémarrage de l’application mobile, aucune mise à jour à effectuer depuis les stores iOS ou Android.

Rendu post modification du design de l'application mobile Mon Joli Sautoir
Rendu avant modification des couleurs de l’application prestashop
Prestashop mobile application, rendu après avoir modifié les trois couleurs
Rendu après avoir modifié les 3 couleurs disponibles sur l’application prestashop de Mon Joli Sautoir

 

 

 

 

 

 

 

 

 

 

 

 

Voici le rendu de l’application mobile PrestaShop avant modification à gauche et après modification à droite.

 

N’hésitez pas à nous poser des questions en commentaire, nous vous répondrons avec plaisir 🙂

A bientôt,

L’équipe PrestApp.

Partager cet article sur: