PRESENTATION DU BLOC GUTENBERG FAB-WOO Cartes
Un block Gutenberg relié à l’API WooCommerce permettant la génération de cartes produits hautement personnalisables.
1. Qu’est-ce que le bloc Fab-Woo Cartes ?
Le bloc Gutenberg Fab-Woo Cartes est une extension de présentation produit pour WooCommerce qui transforme les listes de produits classiques en un affichage moderne, flexible et entièrement personnalisable. Il s’agit d’un bloc Gutenberg dédié qui remplace ou complète les cartes produits natives de WooCommerce par une expérience utilisateur visuelle plus riche.
2. Avantages principaux par rapport aux cartes produits natives WooCommerce.
Un design moderne et responsive.
- Présentation en affichage « row » (ligne) ou « colonne » avec passage fluide entre les deux.
- Navigation horizontale avec flèches pour une lecture plus attractive sur desktop.
- Scroll natif en mode row pour les utilisateurs qui préfèrent le comportement standard.
- Zoom arrière mobile/tablette pour une vue plus large et une meilleure lisibilité.
Des contrôles de style avancés…
- Options de bordure: largeur, couleur, style et rayon.
- Contrôle total de la structure de la carte et de sa hiérarchie.
- Gestion complète du background et du fond d’écran.
- Contrôle du padding / margin pour ajuster précisément l’espace autour des cartes.
- Personnalisation des espacements horizontaux et verticaux (Gap ) entre les cartes produits.
Une expérience utilisateur améliorée.
- Pagination AJAX et tri sans rechargement de page.
- Rechargement propre après mise à jour AJAX.
- Compatibilité tactile : sur mobile/tablette, les flèches sont masquées et le défilement tactile est privilégié.
Une intégration simplifiée avec WooCommerce.
- Récupère les produits WooCommerce sans nécessiter une refonte du catalogue.
- Peut afficher des produits, des badges, des titres, des prix et des notes comme les cartes natives.
- Conserve le support des produits simples et variables.
- Permet l’intégration de liste de produits ou de listes de recommandations dans n’importe quelle page de votre site.
Différences clés avec les cartes produits WooCommerce natives
Flexibilité d’affichage
- Native : structure souvent statique, limitée aux gabarits standard.
- Fab-Woo Cartes: Affichage personnalisable ( mode « En ligne » / « scroll » / « Fléché « ) , ce qui permet de créer des présentations horizontales dynamiques.
Navigation et interaction
- Native: pagination classique ou listing vertical.
- Fab-Woo Cartes : navigation horizontale avec boutons, scroll natif amélioré et gestion AJAX intégrée.
Personnalisation visuelle
- Native : styles dépendants du thème ou du bloc standard.
- Fab-Woo Cartes : styles intégrés, contrôles UI dans Gutenberg et possibilité de créer un rendu unique sans code.
Comportement mobile
- Native : responsive de base, mais souvent sans optimisation de la taille de vue globale.
- Fab-Woo Cartes : zoom back mobile/tablette pour voir plus de contenu, tout en maintenant un rendu lisible.
Valeur ajoutée pour les marchands
- Permet de mettre en avant des collections ou des produits phares de façon plus immersive.
- Améliore la navigation produit et réduit le taux de rebond sur les blocs de type « cartes produits ».
- Offre une différenciation visuelle par rapport aux listings WooCommerce classiques.
- Facilite la création d’une vitrine produit premium directement depuis l’éditeur Gutenberg.
- Réduit le temps d’ajout au panier par des call directs. ( options choisies sur la carte et ajout au panier instantané )
Pourquoi choisir Fab-Woo Cartes ?
- Plus de contrôle sur l’apparence et le comportement.
- Expérience utilisateur meilleure que le bloc produit natif.
- Optimisé WooCommerce + Gutenberg sans nécessiter de développement supplémentaire.
- Maintien des performances en utilisant un rendu léger et des fonctions ciblées.
Conclusion
Fab-Woo Cartes est un bloc qui va au-delà des cartes produits natives WooCommerce en proposant un affichage plus moderne, plus interactif et mieux adapté aux besoins de merchandising. Il améliore l’expérience shopping tout en restant simple à configurer depuis l’éditeur.
Vous souhaitez obtenir le bloc Gutenberg FAB-WOO Cartes?
Le Bloc est actuellement en cours de tests. Il s’agit de la version 1.0.1.
Je suis en train de concevoir une version « gratuite » avec des réglages de personnalisation basiques à avancés.
La version « PRO » permet l’utilisation complète des options de personnalisation du blocs.
Si vous souhaitez en savoir plus, vous pouvez me contacter via le formulaire de contact.