DocumentationCommerceContenu et conception

Thèmes

Last update: Tue Nov 28 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Créé pour :

  • Beginner
  • Intermediate
  • Admin
  • User

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

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

Commerce les thèmes incluent les fichiers de mise en page, les fichiers de modèle, les fichiers de traduction et les 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 qui a accès à votre serveur. Pour en savoir plus, voir la section Guide du développeur de Frontend.

Thème Luma {width="600" modal="regular"}

Thème par défaut

La variable Magento Blank responsive theme affiche votre storefront pour différents appareils et incorpore les bonnes pratiques pour les ordinateurs de bureau, les tableaux et les appareils mobiles. Certains thèmes sont conçus pour être utilisés uniquement avec des appareils spécifiques. When Commerce détecte un ID de navigateur spécifique, ou 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 {width="700" modal="regular"}

Filtrer la grille de thème

  1. Sur le Administration barre latérale, 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 le Administration barre latérale, 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 bouton Theme Preview Image.

Thème Aperçu {width="600" modal="regular"}

Appliquer un thème par défaut

  1. Sur le Administration barre latérale, accédez à Content > Design>Configuration.

  2. Recherchez la vue de magasin à configurer, puis cliquez sur Edit dans le Action ​colonne .

  3. Sous Default Theme, définit Applied Theme ​à celle que vous souhaitez utiliser pour la vue actuelle.

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

  4. Lorsque vous avez terminé, cliquez sur Save Configuration.

Ajout d’une règle d’agent utilisateur

  1. Sur le Administration barre latérale, 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 de 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. Lorsque vous avez terminé, cliquez sur Save Configuration.

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