Personalización de la página de inicio de sesión

Puede personalizar la página Inicio de sesión de la aplicación según sea necesario para su empresa.

Personalización de la imagen de fondo

Para sustituir la imagen de fondo de la página de inicio de sesión por una imagen personalizada, realice los pasos siguientes:

Copie el archivo de imagen personalizado que está en formato SVG en la carpeta <store-temp>/extensions/libs/styles/src/styles/images .

Importante: Sólo se da soporte al formato de archivo SVG.
Vaya a la carpeta <store-temp>/extensions/override-static-assets/root-config/custom .
Abra el archivo extension-config.json .
Configure el origen de imagen para la imagen personalizada tal como se ilustra en la siguiente configuración de ejemplo:
```
{
    "login": {
        "imageSrc": "./assets/styles/images/<custom-image>.svg"
    }
}
```
Inicie la aplicación ejecutando el mandato siguiente:
```
yarn start-app
```
Verifique que la imagen personalizada se muestra en la página Inicio de sesión .

Personalización de literales de página de inicio de sesión

Puede personalizar literales como, por ejemplo, etiquetas de campo o información de copyright de la página Inicio de sesión . Para personalizar los literales en el idioma inglés, siga el mismo proceso que realiza para personalizar los paquetes de traducción.

Vaya a la carpeta <store-temp>/packages/features/login/src/assets/login/i18n .
Abra el archivo en.json e identifique los literales que desea actualizar.
Vaya a la carpeta extensions/override-static-assets/login/i18n .
Si las carpetas login/i18n no existen, cree las carpetas.
Vaya a la carpeta extensions/override-static-assets/login/i18n .
Si el archivo en.json no existe en esta carpeta, cree y guarde el archivo en la misma carpeta.
Añada y guarde los literales actualizados en el archivo en.json .
Inicie la aplicación ejecutando el mandato siguiente:
```
yarn start-app
```
Verifique que los literales actualizados se muestran en la página Inicio de sesión .

Personalización del diseño

Para personalizar el diseño de la página Inicio de sesión , altere temporalmente el componente LoginFormComponent , que forma parte de la biblioteca angular @store/functional-components .

Nota: Debe conservar el código proporcionado por la aplicación del manejador de sucesos al pulsar el botón Iniciar sesión .

Para obtener más información sobre cómo modificar el componente LoginFormComponent , consulte Modificación de los componentes funcionales proporcionados por la aplicación.