Un thème WooCommerce avec des blocs pour chaque écran de la boutique
Concevez la page produit, la grille de la boutique, le panier et le paiement avec des blocs dans l'éditeur que WordPress vous fournit, puis partez d'une démo qui arrive sous forme de boutique fonctionnelle. WooCommerce gère les commandes, Canvas lui apporte un design.
Mis à jour le
24 blocs pour les quatre écrans qui vendent
Chaque partie d'une boutique WooCommerce que l'acheteur voit est un bloc doté d'un panneau de réglages, vous pouvez donc le déplacer, en modifier le style ou le retirer sans toucher à aucun fichier de modèle.
La page produit 11 blocs
Créez la mise en page d'un produit unique bloc par bloc, ou partez d'un des modèles fournis et déplacez les éléments.
Images produit Inclus dans toutes les formules
Affiche l'image mise en avant du produit WooCommerce et, en option, les miniatures de la galerie.
Product Gallery Linker Inclus dans toutes les formules
Une bande de miniatures qui fait défiler le carrousel de la galerie produit jusqu'à l'image sur laquelle vous cliquez.
Prix du produit Inclus dans toutes les formules
Affiche le prix du produit WooCommerce, y compris le prix promotionnel, avec la mise en forme de la devise.
Product Rating Inclus dans toutes les formules
Affiche la note en étoiles et, en option, le nombre d'avis du produit WooCommerce en cours.
Product Meta Inclus avec toutes les formules
Affiche la carte des métadonnées du produit : SKU, catégories et étiquettes.
Product Short Description Incluse dans toutes les formules
Affiche la description courte du produit avec son balisage de paragraphe intact.
Variation Swatches Inclus dans toutes les formules
Pastilles de couleur ou boutons en forme de pilule qui permettent de choisir la variation d'un produit variable.
Add to Cart Inclus dans toutes les formules
Affiche le formulaire d'ajout au panier WooCommerce pour le produit actuel, avec un champ de quantité facultatif.
Product Tabs Inclus dans toutes les formules
Affiche les onglets de données produit WooCommerce : Description, Informations complémentaires et Avis.
Product Share Inclus dans toutes les formules
Affiche la carte « Partager : » avec des liens de partage sur les réseaux sociaux pour le produit WooCommerce en cours.
Produits associés Inclus dans toute formule
Affiche une grille de produits WooCommerce associés au produit en cours. S'affiche uniquement sur les modèles de produit unique.
La boutique et son catalogue 5 blocs
Grilles, carrousels, cartes de catégories et filtre de prix, chacun pouvant puiser dans une catégorie, une étiquette, une recherche ou une liste sélectionnée à la main.
Produits Inclus dans toutes les formules
Affichez les produits WooCommerce dans une grille ou une liste. Filtrez par source, catégorie, étiquette et ordre de tri.
Product Categories Inclus dans toutes les formules
Affiche les catégories de produits WooCommerce sous forme de grille de cartes adaptative, avec vignettes, noms et nombre de produits.
Product Carousel Inclus dans toutes les formules
Affiche les produits WooCommerce dans un carrousel owl-carousel défilable. Prend en charge la lecture automatique, les flèches de navigation, les points de pagination et les points de rupture adaptatifs.
Store Price Filter Inclus avec toutes les formules
Un curseur de fourchette de prix à deux poignées qui filtre directement la grille de produits.
Conference Tickets Inclus avec toute formule
Propose des tarifs pour une catégorie de billets, chacun avec un sélecteur de quantité et un lien d'ajout au panier en temps réel.
Le panier : 3 blocs
Une page panier que vous concevez, avec la vente additionnelle que voient réellement les acheteurs.
Cart Table Inclus dans toutes les formules
Affiche le tableau du panier WooCommerce avec les lignes d'articles, les quantités et les totaux.
Cart Totals Inclus dans toutes les formules
Affiche le panneau des totaux du panier WooCommerce, y compris le sous-total, la livraison et le bouton de paiement.
Cross-Sells Inclus dans toutes les formules
Affiche les produits complémentaires du panier WooCommerce en cours. S'affiche uniquement lorsque le panier est actif et contient des produits complémentaires.
Le paiement 3 blocs
Le formulaire de facturation, le récapitulatif de commande et les messages qui indiquent à l'acheteur ce qui vient de se passer.
Checkout Billing Inclus dans toutes les formules
Affiche le formulaire d'adresse de facturation du paiement WooCommerce.
Checkout Order Review Inclus dans toutes les formules
Affiche le récapitulatif de la commande WooCommerce avec les articles et les totaux.
WooCommerce Notices Inclus avec toutes les formules
Afficher les notifications WooCommerce : erreurs, messages de succès ou informations.
Ailleurs dans la boutique 2 blocs
Blocs de boutique qui ne figurent pas parmi les quatre écrans ci-dessus.
Liste de souhaits Incluse avec toutes les formules
Les produits enregistrés par un client, avec leur prix, leur stock et un bouton d'ajout au panier. Placez-le sur la page choisie dans Options du thème, Wishlist.
Wishlist Button Inclus dans toutes les formules
Enregistre le produit actuel dans la liste de souhaits de l’acheteur. À utiliser dans les modèles de produit et les cartes produit.
Boutique de vêtements
Un catalogue de mode avec des pages de collection, des produits variables et un panier d'en-tête qui compte les articles.
Thèmes e-commerce
Mobilier
Ventes et locations dans un même catalogue, avec la grille de produits et la page produit individuelle, toutes deux composées de blocs.
Thèmes de décoration d'intérieur
Vin
Une boutique de vins dont le design met en avant les photos produits, les pages de la boutique restant en arrière-plan.
Thèmes pour restaurantTrois des 21 démos de boutique. Chaque élément que l'acheteur voit sur ces pages est un bloc doté d'un panneau de réglages.
Ce que font les acheteurs, sans rechargement de page
Trois fonctionnalités de boutique qui nécessitent généralement chacune une extension sont incluses dans l'intégration.
Pastilles de couleur des attributs
Attribuez une couleur à un terme d'attribut produit dans l'administration : les produits variables affichent alors des pastilles de couleur ou des boutons au lieu d'une liste déroulante, pour que l'acheteur choisisse sa variante d'un coup d'œil.
Ajout au panier via AJAX
Ajouter un produit depuis une grille, un carrousel ou une superposition de carte met à jour le panier sur place. L'acheteur reste sur la page qu'il consulte, et le mini-panier de l'en-tête continue de compter les articles.
Styles des cartes produit
Fixez chaque image du catalogue à une même forme pour que les cartes soient alignées, choisissez si les images supplémentaires de la galerie apparaissent au survol ou défilent en diaporama, et définissez ce que propose la superposition au survol : acheter, aperçu rapide ou les deux.
18 modèles de boutique dans l'Éditeur de site
Chaque écran de la boutique est un modèle de bloc que vous ouvrez, modifiez et réinitialisez dans l'Éditeur de site, de la même manière que vous modifiez tout autre modèle de bloc.
Mises en page de produit unique
Mettez en page une fiche produit selon la disposition par défaut, un résumé fixe qui suit la galerie, une liste, un design axé sur les couleurs, un design de boutique, l’une des deux dispositions de galerie à liens personnalisés, ou avec une variante à colonne latérale gauche, droite ou double.
Mises en page des pages boutique
Disposez la boutique elle-même en pleine largeur, avec une barre latérale gauche, une barre latérale droite ou des barres latérales des deux côtés, afin que les filtres et les catégories se trouvent là où votre catalogue en a besoin.
Archives, panier et paiement
Les archives de la boutique, les archives des catégories de produits, le panier et la finalisation de commande sont chacun livrés sous forme de modèles, en complément des surcharges de modèles WooCommerce fournies par le thème.
Les modèles de boutique figurent sous woocommerce dans le panneau Modèles de l'Éditeur de site, à côté de ceux de Canvas, et se réinitialisent depuis le même écran.
Attribuez une disposition à chaque produit depuis l'éditeur, ou définissez la valeur par défaut pour toute la boutique dans les Options du thème. Un modèle que vous personnalisez dans l'Éditeur de site reste personnalisé lors des mises à jour, et Canvas vous indique lesquels ont changé après une mise à jour.
39 options de boutique, 5 onglets
Valeurs par défaut à l'échelle de la boutique pour le catalogue, la page produit, le panier et le paiement, ainsi que le mini-panier de l'en-tête, avec en plus un mode catalogue pour les boutiques qui acceptent les demandes de renseignements. Le nombre de produits par page, la pagination, la forme des images produits, les images supplémentaires de la galerie et la superposition des cartes se règlent ici. Un bloc qui en définit un lui-même reste prioritaire sur la page où il est placé.
- Catalogue : nombre de produits par ligne selon la taille d'écran, forme des images, effet au survol, badge de promotion
- Page produit : ce qu’affiche l’écran d’un produit unique, et une barre fixe d’ajout au panier
- Panier et commande : une barre de progression vers la livraison gratuite, et un tunnel de paiement épuré
- Mini-panier : ce que fait le panier de l'en-tête lorsqu'un client ajoute un article
- Mode catalogue : masquer les prix et le bouton d'achat, afficher un bouton de demande d'information
Options de boutique qui vous aident à vendre Mode catalogue La liste de souhaits
Cinq interrupteurs WooCommerce
WooCommerce charge des scripts et des feuilles de style sur chaque page d'un site web, y compris celles qui ne vendent rien. Ces cinq interrupteurs permettent d'y remédier, et chacun est réversible.
- Supprimer le JavaScript de WooCommerce sur les pages n'affichant aucun élément de boutique
- Désactivez le suivi d'attribution des commandes si vous ne consultez pas ces rapports
- Arrêter l'interrogation par le script des fragments du panier à chaque chargement de page
- Retirez la bibliothèque de contrôle de la robustesse des mots de passe en dehors des pages de compte et de paiement
- Ne plus charger la bibliothèque Select2 incluse en dehors des pages de paiement et de compte
21 démos sont des boutiques WooCommerce fonctionnelles
Produits, catégories, attributs, panier et tunnel de commande, importés et prêts à recevoir une commande test. Prévisualisez-en chacun en direct avant de vous décider.
Démo Bag Store, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 9 pages · Ce qui est installé : les blocs et types de contenu de la démo Bag Store
Démo CanvasRoam, aperçu en direct (s'ouvre dans un nouvel onglet)
Portfolio et personnel · 10 pages · Ce qu'elle installe : les blocs et types de contenu de la démo CanvasRoam
Démo Christmas Store, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 6 pages
Démo Clothing Store, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 19 pages · Ce qui est installé : les blocs et types de contenu de la démo Clothing Store
Démo Conference, aperçu en direct (s'ouvre dans un nouvel onglet)
Événements et mariages · 25 pages · Ce qu'elle installe : les blocs et types de contenu de la démo Conference
Démo Drone, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 12 pages
Démo eBook, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 9 pages
Démo Fashion Shop, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 25 pages
Démo Fashion Store, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 16 pages
Démo FORM 2026, aperçu en direct (s'ouvre dans un nouvel onglet)
Événements et mariages · 14 pages · Ce qu'elle installe : les blocs et types de contenu de la démo FORM 2026
Démo Furniture, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 12 pages
Démo Game of Canvas, aperçu en direct (s'ouvre dans un nouvel onglet)
Divertissement et communauté · 12 pages · Ce qui est installé : les blocs et types de contenu de la démo Game of Canvas
Démo Illustrator, aperçu en direct (s'ouvre dans un nouvel onglet)
Portfolio et personnel · 7 pages · Ce qu'elle installe : les blocs et types de contenu de la démo Illustrator
Démo Jewelry Boutique, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 17 pages
Démo Pottery Shop, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 12 pages
Démo Speaker Store, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 11 pages
Démo Supplement Store, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 13 pages
Démo Wildroot Gear, aperçu en direct (s'ouvre dans un nouvel onglet)
Boutique et e-commerce · 14 pages · Ce qui est installé : les blocs et types de contenu de la démo Wildroot Gear
Démo Wine Estate, aperçu en direct (s'ouvre dans un nouvel onglet)
Restauration et boissons · 10 pages · Ce qu'elle installe : les blocs et types de contenu de la démo Wine EstateVos pages de boutique sont reprises, et non dupliquées
La crainte habituelle lorsqu'on importe un design de boutique est de se réveiller avec deux tunnels de paiement. Canvas fait correspondre les pages WooCommerce de la démo à celles que votre site possède déjà.
L'écran d'importation par lequel arrive chaque démo de boutique, avec la restauration permettant de l'annuler.
Une boutique, un panier, un tunnel de commande
L'importateur repère vos pages WooCommerce existantes et dirige directement les menus et liens de la démo vers celles-ci.
Réversible
Tout ce que l’import a créé est suivi, si bien qu’un seul écran suffit pour supprimer le contenu de démo et restaurer les options et les menus qui existaient auparavant.
Produits inclus
Les produits, catégories, attributs et couleurs de vignettes de démo sont fournis avec le design, afin que le catalogue s'affiche correctement pendant que vous les remplacez par les vôtres.
Ou seulement les pages
Si vous choisissez l'importation limitée à la page, vous récupérez les pages de la démo, mais sans ses Options du thème, ses menus ni sa page d'accueil.
Vendre avec Canvas
Ce que demandent en premier les propriétaires de boutique. La documentation détaille chaque bloc et chaque option.
Ai-je encore besoin de l'extension WooCommerce ?
Oui, Canvas ajoute des blocs, des modèles et des options à WooCommerce, sans rien remplacer. Commandes, produits, taxes, livraison et paiements restent dans WooCommerce, là où vos autres extensions les attendent. Si vous partez d'une démo de boutique, l'assistant de configuration installe et active WooCommerce pour vous avant le lancement de l'import.
L'importation d'une démo boutique va-t-elle remplacer mes pages boutique et paiement ?
Non, l'importateur Canvas reprend les pages WooCommerce déjà présentes sur votre site, si bien qu'aucune deuxième page boutique, panier, paiement ou compte n'apparaît. Vos produits et commandes existants restent intacts.
Puis-je mélanger ces blocs avec les blocs natifs de WooCommerce ?
Oui, les blocs boutique de Canvas sont des blocs enregistrés classiques : ils coexistent avec les blocs WooCommerce et les blocs de base dans le même modèle et sur la même page, et vous remplacez un bloc à la fois sans vous engager sur une mise en page complète.
Comment fonctionnent les pastilles de couleur ?
Attribuez une couleur à un terme d'attribut de produit dans l'administration WordPress, et le bloc Canvas Variation Swatches affiche cet attribut sous forme de pastilles de couleur ou de boutons arrondis, à la place d'une liste déroulante, sur la page produit et dans les modèles qui l'utilisent.
Les blocs de boutique sont-ils inclus dans ma formule ?
Oui : les 24 blocs boutique Canvas sont des blocs premium, et chaque formule inclut chaque bloc premium. Il n'existe ni module complémentaire boutique ni formule e-commerce distincte. D'autres thèmes séparent souvent cela : l'aperçu rapide est une fonctionnalité d'Astra Pro, et OceanWP vend son extension eCommerce Pro comme produit séparé.
Concentrez-vous sur la boutique, pas sur la plomberie
Toutes les formules incluent l'ensemble des 24 blocs boutique, des 18 modèles boutique et des 21 démos de boutiques. Il n'existe aucune offre e-commerce supérieure vers laquelle passer.