Scroll Top
Forme décorative

Combination Cards : Module déclinaisons PrestaShop en carte visuelles

Ne laissez plus des sélecteurs de déclinaisons obsolètes faire fuir vos visiteurs ou masquer vos offres les plus avantageuses. Adoptez une mise en page digne des plus grands sites e-commerce.

Modernisez l'affichage de vos déclinaisons produits !

Les listes déroulantes classiques et les boutons radio austères nuisent à l’expérience de vos utilisateurs et freinent l’acte d’achat. Vos clients ont besoin de voir, de comparer et de choisir instantanément la meilleure option.

Combination Cards métamorphose vos fiches produits en remplaçant vos sélecteurs de déckinaisons standards par des cartes visuelles modernes, interactives et performantes.

Compatible avec les versions 1.7 à 9.1x de PrestaShop.

Combination Cards scaled

Le sélecteur de déclinaisons PrestaShop : un frein invisible à vos ventes

L'évolution des comportements d'achat en ligne pose une question simple : vos clients savent-ils immédiatement quel format de votre produit est le plus avantageux ? Sur la grande majorité des boutiques PrestaShop, la réponse est non.

PrestaShop propose nativement trois types d'affichage pour les déclinaisons : liste déroulante, boutons radio et sélecteur de couleur. Ces formats ont un point commun : ils n'affichent ni le prix de chaque option, ni le prix unitaire. Pour comparer un format 250g à 1kg, votre client doit sélectionner chaque déclinaison une par une — une friction invisible mais mesurable sur le taux de conversion.

Afficher le prix de chaque déclinaison PrestaShop en cartes : la solution

Combination Cards est un module PrestaShop développé par l'agence JLCW pour remplacer ce sélecteur natif par des cartes visuelles comparatives. Chaque déclinaison devient une carte indépendante affichant son prix TTC, son prix unitaire (€/kg, €/L, €/unité) et un badge automatique sur la meilleure offre.

Le module lit directement le champ "Impact sur le prix unitaire" intégré au Back Office PrestaShop. Si vous avez déjà renseigné ce champ dans vos déclinaisons, Combination Cards l'exploite immédiatement, sans configuration supplémentaire, sans double saisie.

Afficher le prix au kilo ou au litre sur PrestaShop : une obligation légale pour de nombreux marchands

Pour les marchands qui vendent des produits alimentaires, cosmétiques ou d'entretien, l'affichage du prix au kg ou au litre par conditionnement n'est pas seulement une bonne pratique — c'est une obligation réglementaire en Europe. Pourtant, PrestaShop natif ne propose pas de mécanisme simple pour afficher ce prix unitaire par déclinaison sur la fiche produit.

Combination Cards résout ce problème en exploitant le champ natif PrestaShop dédié au prix unitaire, avec gestion automatique TTC pour les particuliers et HT pour les groupes clients B2B. Une conformité légale sans développement sur mesure.

Un module sans override : aucun conflit à la mise à jour

Contrairement à de nombreux modules qui modifient des fichiers natifs PrestaShop, Combination Cards n'utilise aucun override. L'intégration repose sur un hook Smarty inséré manuellement dans le template du thème. Vos mises à jour PrestaShop n'affectent pas le module. Une architecture propre, pensée pour les boutiques maintenues sur le long terme par une agence.

Compatible PrestaShop 1.7, 8.x et 9.1, multiboutique et multilangue, Combination Cards s'installe en quelques minutes et s'adapte automatiquement aux couleurs et typographies de votre thème existant.

Lire la suite
Les fonctionnalités clés qui font la différence 🎯

Découvrez comment Combination Cards peut transformer l’affichage de vos déclinaisons et augmenter le taux de conversion de vos fiches produits.

placeholder

Cartes comparatives

Prix TTC visible sur chaque option

Chaque déclinaison devient une carte indépendante affichant son attribut, son prix TTC mis à jour en temps réel et son prix unitaire. Vos clients comparent toutes les options d'un seul regard — sans cliquer.

Prix unitaire natif

€/kg, €/L, €/unité — sans double saisie

Le module lit directement le champ "Impact sur le prix unitaire" de votre Back Office PrestaShop. Si ce champ est déjà renseigné, Combination Cards l'affiche immédiatement. Aucune configuration supplémentaire.

Badge Meilleur Prix

Automatique, sans configuration

Le module détecte en permanence la déclinaison au meilleur prix unitaire et affiche le badge correspondant. Aucune règle à paramétrer — le calcul est automatique et mis à jour en temps réel.

Mixité intelligente

Cartes ici, sélecteur natif là

Vous choisissez groupe par groupe quels attributs s'affichent en cartes. Exemple : Contenance en cartes, Couleur en sélecteur natif. Liberté totale de positionnement UX.

Synchronisation AJAX

Prix, stock et images en temps réel

Lorsqu'un client change un attribut (la couleur, par exemple), les cartes se filtrent instantanément. Prix, stock disponible, images et bouton panier se mettent à jour sans rechargement de page.

Sans override

Zéro conflit à la mise à jour

Combination Cards n'utilise aucun override de fichiers PrestaShop. L'intégration se fait via un hook Smarty dans votre thème. Vos mises à jour PS restent sans risque. Idéal pour les boutiques maintenues par une agence.

Adaptation au thème

Aucun CSS requis dans la majorité des cas

Les cartes héritent automatiquement des couleurs, typographies et bordures de votre thème PrestaShop. Une personnalisation avancée reste possible si nécessaire (badges, espacements, responsive).

Multiboutique & multilangue

Un module, tous vos contextes

Combination Cards fonctionne en environnement multiboutique. Les libellés de badge et les unités de mesure s'adaptent à la langue active du visiteur — sans configuration par langue.

Prêt à améliorer vos fiches produits ?

Combination Cards en action

Directement configurable depuis les attributs produits avec une intégration conçue pour s’adapter à tout thème PrestaShop sans configuration CSS.

capture ecran BO affichage carte
Questions fréquentes
Tout ce que vous devez savoir sur Combination Cards

Comment afficher le prix au kilo ou au litre sur les déclinaisons PrestaShop ?

Renseignez le champ « Impact sur le prix unitaire » dans chaque déclinaison depuis votre Back Office (Catalogue → Produits → onglet Déclinaisons → crayon → champ Prix unitaire). Combination Cards lit ce champ natif et affiche automatiquement le prix par unité de mesure sur chaque carte — avec gestion TTC pour les particuliers et HT pour les groupes clients B2B.

Oui. La configuration se fait groupe d’attributs par groupe d’attributs dans Catalogue → Attributs et caractéristiques. Vous activez l’option « Affichage en cartes » uniquement sur les groupes souhaités. Les autres conservent leur affichage natif : liste déroulante, boutons radio ou sélecteur de couleur.

Non. Aucun fichier natif PrestaShop n’est modifié ou surchargé. L’intégration repose sur un hook Smarty inséré manuellement dans le template du thème. Le module est sans conflit et reste stable lors des mises à jour PrestaShop.

Oui. Le module est testé et validé sur PrestaShop 1.7, 8.x et 9.1. La compatibilité avec les versions ultérieures sera mise à jour au fil des releases PrestaShop.

L’installation du module via le Back Office (import du fichier ZIP depuis Modules → Gestionnaire de modules) est accessible à tout administrateur PrestaShop. L’ajout du hook dans le fichier template du thème nécessite un accès aux fichiers source — cette étape est recommandée avec l’accompagnement d’un développeur ou d’une agence PrestaShop.

Oui, entièrement. Le module analyse en temps réel les prix unitaires de toutes les déclinaisons actives et applique le badge sur celle qui offre le meilleur rapport. Aucune configuration manuelle, aucune règle à paramétrer.

Les deux, automatiquement selon le groupe client. Pour les clients B2C (particuliers), le prix unitaire s’affiche en TTC. Pour les groupes clients B2B configurés dans PrestaShop, il s’affiche en HT. Aucune configuration supplémentaire n’est requise — le module utilise les règles de taxes déjà en place dans votre boutique.

Oui. Les cartes héritent automatiquement des couleurs, typographies, bordures et états actifs définis dans votre thème. Dans la grande majorité des thèmes PrestaShop modernes, aucun CSS personnalisé n’est nécessaire. Des ajustements restent possibles via CSS si votre thème a des spécificités visuelles particulières.

En AJAX, instantanément. Lorsqu’un client sélectionne une valeur pour un autre attribut (la couleur, par exemple), les cartes de format se filtrent automatiquement : seules les déclinaisons disponibles pour cette combinaison restent actives. Le prix, le stock, les images et le bouton panier se mettent à jour sans rechargement de page.

Oui. Le module fonctionne en environnement multiboutique PrestaShop. La configuration de l’affichage en cartes se gère groupe d’attributs par groupe d’attributs, et peut être différenciée par boutique si nécessaire.

Oui. Combination Cards n’utilisant aucun override, vos mises à jour PrestaShop n’affectent pas son fonctionnement. Seule l’intégration du hook dans le template du thème est à vérifier si vous changez de thème ou effectuez une migration majeure de version.

Le hook Smarty à ajouter est : {hook h='displayJlCwCombinationCard' product=$product}. Il doit être placé à l’emplacement où les déclinaisons doivent apparaître dans votre fiche produit. Les fichiers les plus courants sont product-variants.tpl ou product.tpl selon votre thème.

Oui. Le module gère automatiquement l’affichage TTC/HT selon le groupe client configuré dans PrestaShop. Les boutiques qui servent à la fois des particuliers et des professionnels bénéficient d’un affichage cohérent sans configuration spécifique par groupe.

Oui. Si votre thème nécessite des ajustements spécifiques lors de l’intégration du hook, l’agence JLCW peut vous accompagner. Contactez-nous via le formulaire de contact en précisant votre version PrestaShop et le thème utilisé.

Notre meilleure vitrine c'est vous
JLCW
2 agences en Rhône-Alpes
Privacy Preferences
When you visit our website, it may store information through your browser from specific services, usually in form of cookies. Here you can change your privacy preferences. Please note that blocking some types of cookies may impact your experience on our website and the services we offer.