DocumentationCommerceGuide de Commerce sur les infrastructures cloud

Thème personnalisé

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Créé pour :

  • Administration
  • Développeur

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 comprennent 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 un thème manuellement :

  1. Copiez le code du thème sous <Project root dir>/app/design/frontend pour un thème de vitrine ou <Project root dir>/app/design/adminhtml pour un thème d’administrateur. Vérifiez que le répertoire de niveau 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

  2. 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

  3. Ajoutez et validez des fichiers.

    code language-bash 
    git add -A && git commit -m "Add theme"

  4. Placez les fichiers dans votre branche.

    code language-bash 
    git push origin <branch name>

  5. Attendez que le déploiement soit terminé.

  6. Connectez-vous à l’administrateur.

  7. 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 :

  1. Achetez le thème à partir du Commerce Marketplace .

  2. Obtenez le nom du compositeur du thème.

  3. 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

  4. Attendez la mise à jour des dépendances.

  5. Saisissez les commandes suivantes :

    code language-bash 
    git add -A && git commit -m "Add theme"
    code language-bash 
    git push origin <branch name>

  6. Connectez-vous à l’administrateur.

  7. Cliquez sur Contenu > Conception > Thèmes.

    Le thème s’affiche dans le volet de droite.

Thèmes multiples

Lors de l’utilisation de plusieurs thèmes, tels que différents thèmes par langue, passez en revue la variable d’environnement SCD_MATRIX pour personnaliser le déploiement des thèmes. Voir les étapes build ou deploy dans la configuration d'environnement.

recommendation-more-help
05f2f56e-ac5d-4931-8cdb-764e60e16f26