Développemennt du mockup
🛠️ TP WordPress – Séance 2 : Création du catalogue de produits
🎯 Objectifs de la séance
- Ajouter des produits dans WooCommerce
- Remplir correctement les fiches produit (prix, description, stock, image…)
- Organiser les produits avec des catégories
- Commencer à structurer la boutique
⏱️ Durée : 2h
🔧 Pré-requis :
- Site WordPress + WooCommerce installé (séance 1 terminée)
- Pages de base créées
- Idées de produits fictifs apportées
🧭 Étapes du TP
1. Ajouter vos produits (45 min)
- Dans le menu WordPress, allez dans Produits > Ajouter un produit.
- Remplissez les champs suivants :
- Nom du produit : nom clair et accrocheur
- Description longue : texte complet pour la page produit
- Prix : entre 5 € et 50 € fictifs
- Stock : entre 1 et 20
- Image produit : utilisez une image libre de droit (pexels.com, pixabay.com…)
- (Optionnel) Galerie produit : ajoutez plusieurs images
✅ Créez au moins 3 produits différents
2. Organiser les produits avec des catégories (15 min)
- Dans Produits > Catégories, créez 2 ou 3 catégories (ex. : Cosmétiques, Épicerie, Accessoires).
- Retournez dans chaque fiche produit pour leur attribuer une ou plusieurs catégories.
- Créer une section dans votre page proposant les produit d’une seul catégorie.
3. Tester la boutique (15 min)
- Allez sur la page Boutique de votre site.
- Vérifiez que :
- Les produits s’affichent correctement
- Les filtres ou tri par catégories fonctionnent
- Le clic sur un produit ouvre bien sa fiche
4. Vérifier le fonctionnement du panier (15 min)
- Ajoutez un ou plusieurs produits au panier.
- Accédez à la page Panier puis Commander.
- Vérifiez que :
- Le récapitulatif est correct
- Les étapes s’affichent même sans moyen de paiement réel
💡 Pour rappel, nous ne configurons pas de paiement réel, c’est une boutique fictive.
5. (Bonus) Ajouter des attributs ou variations (30 min)
- Exemple : un tote bag disponible en plusieurs couleurs
- Dans un produit, utilisez l’onglet Attributs puis Variations
✅ Travail attendu à la fin de la séance
- Minimum 3 produits créés avec description, prix, image, stock
- Produits rangés dans des catégories
- Boutique testée avec panier fonctionnel
📌 Pour la séance suivante
- Apportez un logo ou une idée de charte graphique
- Vous personnaliserez l’apparence du site, finaliserez le menu, et présenterez votre boutique