Contenu du cours

Maîtrise de la Boutique Shopify

1. Commencer avec Shopify

Introduction à Shopify Configuration d'une Boutique Shopify Maîtriser le Tableau de Bord Administrateur Shopify Notions de Base sur la Structure du Thème Shopify

2. Personnalisation des Pages et du Contenu

Création et Modification de Pages Télécharger et Gérer le Contenu Multimédia Personnalisation CSS de Base Configuration de la Navigation Shopify

3. Personnalisation Avancée Avec l'Éditeur de Thème Shopify

Construction de l'En-tête Création et Gestion des Produits Regroupement des Produits Connexes Finalisation de la Mise en Page du Magasin

4. Techniques Avancées et Déploiement

Configuration des Fournisseurs de Paiement Configuration de l'Expédition et de la Livraison Définir les Politiques du Magasin Lancement et Suivi des Performances du Magasin

Personnalisation CSS de Base

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

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;
Ajouter du code CSS : ouvrez votre fichier custom.css et ajoutez ce code pour changer les polices et ajuster les styles des titres :
```
css
```
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
```
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.

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 ?

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

Select the correct answer

Paramètres

Pages

Dossier Assets dans Modifier le code

Que change le code CSS fourni ?

Select the correct answer

Le pied de page

L'en-tête

Les styles de police et de titre

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

Select the correct answer

En ajoutant un lien au fichier theme.liquid

En le téléchargeant dans la section Fichiers

En intégrant directement le code CSS dans le HTML

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

Select the correct answer

Cela améliore la fonctionnalité de votre boutique.

Cela permet une personnalisation du design au-delà des paramètres par défaut.

Cela vous aide à mieux vous classer sur les moteurs de recherche.

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

Select the correct answer

Pour changer la taille de la police

Pour ajouter une police unique au design de la boutique

Pour ralentir le chargement de la page

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3

Demandez à l'IA

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Contenu du cours

Maîtrise de la Boutique Shopify

1. Commencer avec Shopify

Introduction à Shopify Configuration d'une Boutique Shopify Maîtriser le Tableau de Bord Administrateur Shopify Notions de Base sur la Structure du Thème Shopify

2. Personnalisation des Pages et du Contenu

Création et Modification de Pages Télécharger et Gérer le Contenu Multimédia Personnalisation CSS de Base Configuration de la Navigation Shopify

3. Personnalisation Avancée Avec l'Éditeur de Thème Shopify

Construction de l'En-tête Création et Gestion des Produits Regroupement des Produits Connexes Finalisation de la Mise en Page du Magasin

4. Techniques Avancées et Déploiement

Configuration des Fournisseurs de Paiement Configuration de l'Expédition et de la Livraison Définir les Politiques du Magasin Lancement et Suivi des Performances du Magasin

Personnalisation CSS de Base

Étapes

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;
Ajouter du code CSS : ouvrez votre fichier custom.css et ajoutez ce code pour changer les polices et ajuster les styles des titres :
```
css
```
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
```
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.

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 ?

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

Select the correct answer

Paramètres

Pages

Dossier Assets dans Modifier le code

Que change le code CSS fourni ?

Select the correct answer

Le pied de page

L'en-tête

Les styles de police et de titre

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

Select the correct answer

En ajoutant un lien au fichier theme.liquid

En le téléchargeant dans la section Fichiers

En intégrant directement le code CSS dans le HTML

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

Select the correct answer

Cela améliore la fonctionnalité de votre boutique.

Cela permet une personnalisation du design au-delà des paramètres par défaut.

Cela vous aide à mieux vous classer sur les moteurs de recherche.

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

Select the correct answer

Pour changer la taille de la police

Pour ajouter une police unique au design de la boutique

Pour ralentir le chargement de la page

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3

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 ?

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 ?

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

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