📱Pages et modèles

Plain Jane Starter comprend des modèles de page essentiels pour construire une boutique e-commerce complète. Ce guide explique ce qui est disponible et comment configurer chaque type de page.

Modèles de page disponibles

Sur la base de l'analyse du code du thème, Plain Jane Starter inclut ces fichiers de modèle :

🏠 Page d'accueil (index.liquid)

Objectif: Page d'accueil principale de votre boutique Fonctionnalités:

  • Présentation propre des produits

  • Intégration d'une barre d'annonce

  • Menu de navigation basique

  • Pied de page avec inscription à la newsletter

Configuration:

  1. Configurer via le personnalisateur Shopify

  2. Configurer le message de la barre d'annonce

  3. Télécharger le logo de la boutique

  4. Configurer le contenu du pied de page

🛍️ Page de collection (collection.liquid)

Objectif: Liste et navigation des produits Fonctionnalités:

  • Disposition en grille configurable (2-3 colonnes sur bureau, 1-2 sur mobile)

  • Filtrage et tri des produits

  • Option de défilement infini

  • Design responsive

Configuration:

  1. Créer des collections dans l'administration Shopify

  2. Configurer la mise en page de la boutique dans les paramètres du thème

  3. Définir l'espacement des colonnes et la taille des produits

  4. Activer/désactiver le défilement infini

📦 Page produit (product.liquid)

Objectif: Affichage et achat d'un produit individuel Fonctionnalités:

  • Images et informations sur le produit

  • Sélection de variantes

  • Fonctionnalité d'ajout au panier

  • Navigation produit basique

Configuration:

  1. Ajouter des produits avec des images de haute qualité

  2. Configurer les informations produit

  3. Configurer les variantes (taille, couleur, etc.)

  4. Tester la fonctionnalité d'ajout au panier

📋 Liste de collections (list-collections.liquid)

Objectif: Vue d'ensemble de toutes les collections de la boutique Fonctionnalités:

  • Affichage en grille des collections

  • Vignettes de collections

  • Informations basiques sur les collections

  • Navigation vers les collections individuelles

Configuration:

  1. Créer plusieurs collections

  2. Ajouter des images aux collections

  3. Rédiger des descriptions de collections

  4. Organiser l'ordre des collections

📄 Page À propos (page.liquid)

Objectif: Modèle de page standard pour le contenu Fonctionnalités:

  • Affichage de contenu basique

  • Mise en page texte et image

  • Sections de page personnalisées

  • Optimisation SEO

Configuration:

  1. Créer la page dans l'administration Shopify

  2. Ajouter du contenu et des images

  3. Configurer les paramètres SEO de la page

  4. Lier depuis le menu de navigation

📞 Page de contact (page.contact.liquid)

Objectif: Communication et demandes des clients Fonctionnalités:

  • Formulaire de contact avec validation

  • Affichage des informations de contact

  • Informations de localisation/adresse

  • Intégration e-mail

Configuration:

  1. Créer la page de contact dans Shopify

  2. Configurer les paramètres du formulaire de contact

  3. Ajouter les informations de l'entreprise

  4. Configurer les notifications par e-mail

🔒 Page de mot de passe (password.liquid)

Objectif: Protection de la boutique et collecte d'e-mails Fonctionnalités:

  • Interface de protection par mot de passe

  • Formulaire d'inscription par e-mail pour la pré-lancement

  • Messages et branding personnalisés

  • Design responsive pour mobile

Configuration:

  1. Activer la protection par mot de passe dans les paramètres Shopify

  2. Configurer le design de la page de mot de passe dans les paramètres du thème

  3. Mettre en place le formulaire de collecte d'e-mails

  4. Personnaliser les messages et les couleurs

🖼️ Pages Lookbook

Objectif: Présentation visuelle des produits Fonctionnalités:

  • Mise en page axée sur l'image

  • Mise en valeur des produits

  • Narration visuelle

  • Présentation de la marque

Configuration:

  1. Créer des pages lookbook dans Shopify

  2. Télécharger des images de haute qualité

  3. Configurer les sections du lookbook

  4. Lier aux produits associés

🔍 Résultats de recherche (search.liquid)

Objectif: Fonctionnalité de recherche de produits et de contenu Fonctionnalités:

  • Affichage des résultats de recherche

  • Filtrage des produits

  • Classement des résultats pertinents

  • Message pour aucun résultat

Configuration:

  • Fonctionne automatiquement avec la recherche Shopify

  • Configurer le style de la page de recherche dans les paramètres du thème

  • Tester la fonctionnalité de recherche avec des produits

🚫 Page d'erreur 404 (404.liquid)

Objectif: Gérer les pages manquantes de manière élégante Fonctionnalités:

  • Messages d'erreur conviviaux

  • Navigation de retour vers la boutique

  • Suggestions de recherche

  • Design cohérent avec la marque

Configuration:

  • Géré automatiquement par Shopify

  • Personnaliser les messages d'erreur si nécessaire

  • S'assurer que les liens de navigation fonctionnent correctement

Limitations des modèles de page

Ce qui N'est PAS Inclus dans Starter

Types de pages avancés manquants

  • ❌ Pages de compte client - Pas de connexion, d'inscription ou de gestion de compte

  • ❌ Modèles de blog - Pas de pages d'articles de blog ou de listes de blog

  • ❌ Pages produit avancées - Pas de modèles spécifiques aux variantes

  • ❌ Pages de carte cadeau - Uniquement les paramètres de base par défaut de Shopify

Fonctionnalités avancées manquantes

  • ❌ Sections de page - Pas de système de sections avancé

  • ❌ Contenu dynamique - Gestion de contenu limitée

  • ❌ Éléments interactifs - Pas de hotspots ou d'interactions avancées

  • ❌ SEO avancé - Balises méta basiques uniquement

Meilleures pratiques de configuration des pages

1. Optimisation de la page d'accueil

2. Pages de collection

3. Pages produit

4. Pages de contenu

Problèmes courants de configuration des pages

La page d'accueil ne se charge pas correctement

  • Vérifier la publication du thème - S'assurer que le thème est défini comme actif

  • Vérifier le contenu - Ajouter d'abord des produits et des collections

  • Tester la navigation - S'assurer que les liens du menu fonctionnent

  • Vérifier l'affichage mobile - Tester le design responsive

Pages de collection vides

  • Ajouter des produits aux collections - Les collections ont besoin de produits pour s'afficher

  • Vérifier le statut des produits - Les produits doivent être actifs et disponibles

  • Vérifier les paramètres de la collection - Vérifier la disponibilité et les conditions

Pages produit avec informations manquantes

  • Ajouter des images produit - Plusieurs images de haute qualité requises

  • Rédiger des descriptions - Informations complètes sur le produit nécessaires

  • Configurer les variantes - Configurer tailles, couleurs, options

  • Vérifier l'inventaire - S'assurer que les niveaux de stock sont définis

Formulaire de contact ne fonctionne pas

  • Configurer les notifications - Configurer les notifications par e-mail dans Shopify

  • Tester la soumission du formulaire - Vérifier que tous les champs fonctionnent correctement

  • Vérifier la délivrabilité des e-mails - S'assurer que les e-mails n'arrivent pas dans les spams

Optimisation mobile

Tous les modèles sont responsives, mais considérez :

Considérations spécifiques au mobile

  • Navigation adaptée au toucher - Boutons grands et faciles à toucher

  • Tailles de texte lisibles - Mise à l'échelle appropriée des polices

  • Images optimisées - Chargement rapide sur les réseaux mobiles

  • Mises en page simples - Éviter les conceptions complexes à colonnes multiples

Liste de vérification pour les tests

Optimisation SEO

Configuration SEO de base

  1. Titres de pages - Titres uniques et descriptifs pour chaque page

  2. Méta descriptions - Descriptions convaincantes pour les résultats de recherche

  3. Texte alternatif des images - Texte alt descriptif pour toutes les images

  4. Structure des URL - URL propres et descriptives

  5. Liens internes - Lier les pages connexes entre elles

Bonnes pratiques SEO

  • Contenu unique - Contenu original et de valeur sur chaque page

  • Optimisation des mots-clés - Utilisation naturelle des mots-clés

  • Vitesse de chargement - Optimiser les images et réduire au minimum les applications

  • Adapté au mobile - Le design responsive est crucial

  • Mises à jour régulières - Garder le contenu frais et à jour

Flux de gestion des pages

Création de nouvelles pages

  1. Planifier la structure du contenu - Définir le contenu et l'objectif de la page

  2. Créer dans l'administration Shopify - Utiliser le modèle de page approprié

  3. Ajouter du contenu - Rédiger le texte et télécharger les images

  4. Configurer le SEO - Définir titres, descriptions et URL

  5. Ajouter à la navigation - Inclure dans la structure du menu

  6. Tester la fonctionnalité - Vérifier que tout fonctionne correctement

  7. Publier et promouvoir - Mettre en ligne et partager

Mise à jour des pages existantes

  1. Sauvegarder le contenu - Enregistrer la version actuelle avant les modifications

  2. Effectuer des mises à jour - Modifier le contenu, les images ou les paramètres

  3. Prévisualiser les modifications - Tester avant de publier

  4. Mettre à jour le SEO - Actualiser les méta-informations si nécessaire

  5. Tester tous les liens - S'assurer que la navigation fonctionne toujours

  6. Surveiller la performance - Vérifier les analyses après les modifications

Obtenir de l'aide

Pour les problèmes de configuration des pages

Pour les fonctionnalités manquantes

Contact de support

  • Problèmes techniques : [email protected]

  • Plateforme Shopify: Support Shopify

  • Intégration d'applications: Développeurs d'applications individuels

Étapes suivantes: Commencez par votre configuration de la page d'accueil, puis travaillez méthodiquement sur chaque type de page pour construire votre boutique complète.

Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.

Besoin d'aide ? 💬 Rejoignez notre communauté sur Discord :

https://discord.gg/hcc2GvgZc6 📧 Envoyez-nous un e-mail à :

[email protected] 💻 Chat en direct avec nous :

PrécédentParamètres du thèmeSuivantLimitations

Mis à jour