Plate-forme de nouvelle génération

Personnalisation de la page de connexion

Modifier en ligne

Vous pouvez personnaliser la page de connexion de l'application en fonction des besoins de votre entreprise.

Personnalisation de l'image d'arrière-plan

Pour remplacer l'image d'arrière-plan de la page de connexion par une image personnalisée, procédez comme suit:
  1. Copiez le fichier image personnalisé au format SVG dans le dossier <store-temp>/extensions/libs/styles/src/styles/images .
    Important: seul le format de fichier SVG est pris en charge.
  2. Accédez au dossier <store-temp>/extensions/override-static-assets/root-config/custom .
  3. Ouvrez le fichier extension-config.json .
  4. Configurez la source de l'image personnalisée comme illustré dans l'exemple de configuration suivant:
    {
    "login": {
        "imageSrc": "./assets/styles/images/<custom-image>.svg"
    }
}
  5. Démarrez l'application en exécutant la commande suivante:
    yarn start-app
  6. Vérifiez que votre image personnalisée est affichée dans la page Connexion .

Personnalisation des littéraux de page de connexion

Vous pouvez personnaliser les littéraux tels que les libellés de zone ou les informations de copyright de la page Connexion . Pour personnaliser les littéraux en anglais, suivez le même processus que pour personnaliser les bundles de traduction.

  1. Accédez au dossier <store-temp>/packages/features/login/src/assets/login/i18n .
  2. Ouvrez le fichier en.json et identifiez les littéraux à mettre à jour.
  3. Accédez au dossier extensions/override-static-assets/login/i18n .

    Si les dossiers login/i18n n'existent pas, créez-les.

  4. Accédez au dossier extensions/override-static-assets/login/i18n .

    Si le fichier en.json n'existe pas dans ce dossier, créez et sauvegardez le fichier dans le même dossier.

  5. Ajoutez et sauvegardez les littéraux mis à jour dans le fichier en.json .
  6. Démarrez l'application en exécutant la commande suivante:
    yarn start-app
  7. Vérifiez que les littéraux mis à jour sont affichés sur la page Connexion .

Personnalisation de la présentation

Pour personnaliser la présentation de la page de connexion , remplacez le composant LoginFormComponent , qui fait partie de la bibliothèque angulaire @store/functional-components .

Remarque: Vous devez conserver le code fourni par l'application du gestionnaire d'événements en cas de clic du bouton Connexion .

Pour plus d'informations sur le remplacement du LoginFormComponent composant, consultez la section Modification des composants fonctionnels fournis par l'application.