DocumentationCommerceContenu et conception

Thèmes

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :

Créé pour :

  • Débutant
  • Intermédiaire
  • Administration
  • Utilisateur ou utilisatrice

Un thème est un ensemble de fichiers qui détermine la présentation visuelle de votre magasin. Lors de la première installation de Commerce, les éléments de conception du magasin sont basés sur le thème Par défaut. Outre le thème par défaut initial fourni avec votre installation Commerce, il existe une grande variété de thèmes disponibles que vous pouvez utiliser en l'état ou modifier selon vos besoins.

Un thème réactif ajuste la mise en page en fonction du port d’affichage de l’appareil. L’exemple de thème Luma comporte une disposition flexible et réactive qui peut être affichée à partir de l’ordinateur, de la tablette ou de l’appareil mobile.

Commerce thèmes : fichiers de mise en page, fichiers de modèle, fichiers de traduction et habillages. Un habillage est un ensemble de fichiers CSS, d’images et JavaScript pris en charge qui, ensemble, créent la présentation visuelle et les interactions que vos clients rencontrent lorsqu’ils visitent votre magasin. Les thèmes et les habillages peuvent être modifiés et personnalisés par un développeur ou un professionnel de la conception qui comprend la conception de thèmes Commerce et a accès à votre serveur. Pour en savoir plus, consultez le Guide du développeur Frontend.

Thème Luma

Thème par défaut

Le thème réactif Magento Blank affiche votre vitrine pour différents appareils et incorpore les bonnes pratiques relatives aux ordinateurs de bureau, aux tableaux et aux appareils mobiles. Certains thèmes sont conçus pour être utilisés uniquement avec des appareils spécifiques. Lorsque Commerce détecte un ID de navigateur spécifique, ou un agent utilisateur, il utilise le thème configuré pour le navigateur spécifique. La chaîne de recherche peut également inclure des expressions régulières compatibles avec les perles (PCRE).

Thèmes

Filtrer la grille de thème

  1. Sur la barre latérale Admin, accédez à Content > Design>Themes.

  2. Cliquez sur Filters.

  3. Entrez une plage d’identifiants, un nom de thème (ou un titre), un chemin d’accès au dossier ou un thème parent.

  4. Cliquez sur Apply Filters pour mettre à jour la liste des thèmes.

Afficher les paramètres actuels du thème

  1. Sur la barre latérale Admin, accédez à Content > Design>Themes.

  2. Dans la liste des thèmes installés, recherchez le thème à examiner, puis cliquez sur la ligne pour afficher les paramètres.

  3. Pour afficher un exemple de page, cliquez sur le Theme Preview Image.

Thème d’aperçu

Appliquer un thème par défaut

  1. Sur la barre latérale Admin, accédez à Content > Design>Configuration.

  2. Recherchez la vue de magasin que vous souhaitez configurer et cliquez sur Edit dans la colonne Action.

  3. Sous Default Theme, définissez Applied Theme ​sur celui que vous souhaitez utiliser pour la vue actuelle.

    Thème appliqué {width="600" modal="regular"}

  4. Une fois l’opération terminée, cliquez sur Save Configuration.

Ajout d’une règle d’agent utilisateur

  1. Sur la barre latérale Admin, accédez à Content > Design>Configuration.

  2. Sous Design Rule, cliquez sur Add New User Agent Rule.

    Règle de conception {width="600" modal="regular"}

  3. Pour Search String, saisissez l’identifiant du navigateur pour l’appareil spécifique.

    Les chaînes de recherche correspondent dans l’ordre dans lequel elles sont entrées. Par exemple, pour Firefox, saisissez :

    /^mozilla/i

  4. Pour entrer d’autres périphériques, répétez le processus.

  5. Une fois l’opération terminée, cliquez sur Save Configuration.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de