Thème personnalisé
Vous pouvez installer un ou plusieurs thèmes à utiliser pour l’un ou l’ensemble de vos magasins et sites dans votre projet. Les thèmes incluent plusieurs fichiers statiques, notamment des images, des polices, des fichiers CSS, JavaScript, PHP, etc., pour concevoir entièrement vos magasins. Vous pouvez ajouter le thème en extrayant son code dans le système de fichiers ou à l’aide du compositeur.
Installer manuellement un thème
Pour installer manuellement un thème, vous devez disposer du code du thème dans une archive compressée ou dans une structure de répertoire similaire à celle-ci :
<VendorName>
├── composer.json
├── etc
│ └── view.xml
├── media
├── registration.php
├── theme.xml
└── web
├── css
│ └── source
├── fonts
├── images
└── js
Pour installer manuellement un thème:
-
Copiez le code du thème sous
<Project root dir>/app/design/frontendpour un thème de vitrine ou<Project root dir>/app/design/adminhtmlpour un thème d’administrateur. Vérifiez que le répertoire supérieur est<VendorName>; dans le cas contraire, le thème ne s’installe pas correctement.code language-bash cp -r ExampleTheme <project-root>/app/design/frontend -
Confirmez que le thème est copié au bon endroit.
- Thème Storefront :
ls <project-root>/app/design/frontend - Thème d’administration :
ls <project-root>/app/design/adminhtml
Voici un exemple :
ExempleThème Adobe Commerce
- Thème Storefront :
-
Ajoutez et validez des fichiers.
code language-bash git add -A && git commit -m "Add theme" -
Placez les fichiers dans votre branche.
code language-bash git push origin <branch name> -
Attendez que le déploiement soit terminé.
-
Connectez-vous à l’administrateur.
-
Cliquez sur Contenu > Conception > Thèmes.
Le thème s’affiche dans le volet de droite.
Installation d’un thème à l’aide du compositeur
L’installation d’un thème à l’aide du compositeur est identique à l’installation de toute autre extension à l’aide du compositeur. Voir Installation, gestion et mise à niveau des modules pour plus d’informations.
Pour installer un thème à l’aide du compositeur :
-
Achetez le thème à partir du Commerce Marketplace .
-
Obtenez le nom du compositeur du thème.
-
Modifiez le répertoire racine Adobe Commerce et saisissez la commande :
code language-bash composer require <vendor>/<name>:<version>Par exemple,
code language-bash composer require zero1/theme-fashionista-theme:1.0.0 -
Attendez la mise à jour des dépendances.
-
Saisissez les commandes suivantes :
code language-bash git add -A && git commit -m "Add theme"code language-bash git push origin <branch name> -
Connectez-vous à l’administrateur.
-
Cliquez sur Contenu > Conception > Thèmes.
Le thème s’affiche dans le volet de droite.
Thèmes multiples
Lorsque vous utilisez plusieurs thèmes, tels que différents thèmes par langue, passez en revue la SCD_MATRIX Variable d’environnement pour personnaliser le déploiement des thèmes. Voir build ou deploy étapes dans la configuration de l'environnement.