Les modifications CSS de base vous permettent de personnaliser l'apparence et la convivialité de votre boutique Shopify au-delà des paramètres par défaut du thème. Dans ce chapitre, vous apprendrez à **créer et importer un nouveau fichier CSS** dans votre thème pour des modifications de style.

## Étapes
1. **Créer un nouveau fichier CSS** : allez dans Boutique en ligne > Thèmes > Modifier le code et ouvrez le dossier Assets. Cliquez sur Ajouter un nouvel asset, choisissez Créer un fichier vierge, et nommez-le custom.css;
2. **Ajouter du code CSS** : ouvrez votre fichier `custom.css` et ajoutez ce code pour changer les polices et ajuster les styles des titres :
   ```css
   @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
   h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: #000;
   }
   ```
3. **Lier votre fichier CSS à votre thème** : allez dans le fichier `layout/theme.liquid` et ajoutez la ligne suivante avant la balise de fermeture `</head>` pour lier votre nouveau fichier CSS :
   ```html
   {{ 'custom.css' | asset_url | stylesheet_tag }}
   ```
4. **Prévisualiser vos modifications** : enregistrez vos modifications et prévisualisez votre boutique pour voir comment les styles de police et de titre ont été mis à jour.

Où créez-vous un nouveau fichier CSS dans Shopify ?

Comment importer un fichier CSS personnalisé dans votre thème Shopify ?

Pourquoi est-il utile de faire des modifications CSS personnalisées ?

Quel est le but d'importer la police `Poppins` dans l'exemple ?

Ce cours vous apprend à recréer le thème "Taste" de Shopify à partir de zéro, à le personnaliser pour qu'il corresponde à votre marque et à le déployer avec succès. À la fin, vous aurez un thème Shopify entièrement fonctionnel et personnalisé et une compréhension approfondie de la structure des thèmes Shopify.

Apprenez les bases de la configuration de Shopify et de la personnalisation des thèmes. De la création d'un compte à la navigation dans le tableau de bord administrateur et la structure du thème, vous construirez une base pour personnaliser votre boutique et recréer le thème "Taste".

Construisez la fondation de votre boutique avec des pages clés, des médias et un style de base. Apprenez à créer et éditer des pages essentielles comme Accueil, À propos et Contact, gérez vos ressources multimédias et effectuez des modifications CSS simples pour personnaliser l'apparence de votre boutique. Acquérez des compétences pratiques dans la gestion des ressources de thème pour améliorer à la fois l'apparence et la fonctionnalité de votre boutique Shopify.

Maîtrisez l'art de la personnalisation de boutique avec l'éditeur de thème Shopify. Découvrez comment adapter les mises en page, personnaliser les sections de thème et créer des designs uniques. Apprenez à configurer et afficher des collections de produits et à configurer des filtres et options de tri de produits pour améliorer l'expérience d'achat de vos clients.

Améliorez vos compétences en personnalisation avec des outils spécifiques aux thèmes et des techniques de test essentielles. Apprenez à créer des animations, à garantir la réactivité et à résoudre les problèmes pour une expérience utilisateur fluide. Terminez votre parcours avec une révision finale et un déploiement pour lancer votre boutique Shopify personnalisée en toute confiance.

Maîtrise de la Boutique Shopify

Personnalisation CSS de Base

Étapes

1. Où créez-vous un nouveau fichier CSS dans Shopify ?

2. Que change le code CSS fourni ?

3. Comment importer un fichier CSS personnalisé dans votre thème Shopify ?

4. Pourquoi est-il utile de faire des modifications CSS personnalisées ?

5. Quel est le but d'importer la police `Poppins` dans l'exemple ?