BSS B2B Quote : tableau de variantes sur la page produit

Tableau de variantes sur la page produit dans BSS B2B Quote : configuration et limites

Le tableau de variantes dans BSS B2B Quote est un bloc d’app pour la page produit. Il liste chaque variante avec son prix, son stock et un champ de quantité, afin qu’un acheteur saisisse des quantités pour de nombreuses tailles ou couleurs et les ajoute toutes au panier ou à un devis en un clic. Sur une boutique en ligne, il demande le plan Business.

  • Par BSS B2B Team
  • Relu par Hoa Nguyen. Dernière relecture
  • Dernière mise à jour
Installer BSS B2B Quote Retour à BSS B2B Quote Nécessite le plan plan Business et supérieurs. BSS B2B Quote propose un essai gratuit de 14 jours (plans payants). 4,9 sur 5, d’après 195 avis sur le Shopify App Store (au 19 octobre 2026).

Ce que fait le tableau de variantes

Une page produit Shopify standard affiche une variante à la fois, au moyen de listes déroulantes. Un acheteur qui a besoin de nombreuses tailles ou couleurs répète les mêmes clics pour chaque variante.

Le tableau de variantes remplace cela par une seule liste. Chaque ligne est une variante avec un champ de quantité. Vous pouvez afficher en colonnes l’image de la variante, le SKU, le stock et le total de ligne. L’acheteur saisit les quantités dont il a besoin et clique sur un seul bouton.

Add all to cart envoie au panier chaque ligne ayant une quantité. Add all to quote les envoie au formulaire de devis, et ce bouton s’affiche à côté de Add all to cart quand le produit correspond à une règle de devis active et que vous avez activé l’option de compatibilité.

Tableau de variantes avec prix, stock, quantités et bouton Add All to Cart
Un tableau de variantes avec prix, stock et un champ de quantité par ligne, et un seul bouton Add All to Cart.

Ce que vous pouvez régler dans l’éditeur de thème

Tous les réglages se trouvent dans la barre latérale de l’éditeur de thème, sur le bloc d’app lui-même.

RéglageCe qu’il fait
Compatible avec BSS Request for QuoteAffiche un bouton Add to Quote à côté de Add to Cart quand le produit correspond à une règle de devis active
Columns: Image, SKU, Stock, Line totalQuatre interrupteurs qui affichent ou masquent chaque colonne
Enable bulk quantity inputAjoute un champ de quantité général dans l’en-tête du tableau, qui remplit chaque ligne de variante
Primary color et Text colorLa couleur de fond et de libellé des boutons principaux

Comment ajouter le tableau de variantes à une page produit ?

Le tableau demande un modèle de produit Online Store 2.0, car c’est un bloc d’app du thème.

  1. Activer l’app embed

    Dans l’éditeur de thème Shopify, ouvrez App embeds et activez B2B Portal. Le tableau de variantes a besoin de cette embed.

  2. Ouvrir la carte Variant Table

    Dans l’app, allez dans Quick Order, puis Advanced Settings, puis la carte Variant Table, et cliquez sur Add to theme. L’éditeur de thème s’ouvre.

  3. Ajouter le bloc au modèle de produit

    Choisissez Products et votre modèle de produit, par exemple Default product. Sous Product Information, cliquez sur Add block et choisissez BSS Product Page Variant Table sous Apps. Placez-le où vous le voulez, par exemple sous le prix.

  4. Choisir les colonnes et les couleurs

    Utilisez la barre latérale pour activer ou désactiver Image, SKU, Stock et Line total, activer la saisie de quantité en masse, et régler les deux couleurs de bouton. Si vous vendez sur devis, activez l’option de compatibilité avec BSS Request for Quote.

  5. Enregistrer et vérifier en tant qu’acheteur

    Enregistrez le thème et ouvrez un produit avec plusieurs variantes sur la boutique en ligne. Sur la boutique en ligne, le tableau ne s’affiche qu’à partir du plan Business. Dans l’éditeur de thème, il s’affiche toujours : si le tableau apparaît dans l’éditeur mais pas sur la boutique, cela signifie que le plan est en cause.

Carte Variant Table dans Advanced Settings avec le bouton Add to theme
La carte Variant Table dans l’app : Add to theme ouvre l’éditeur de thème.

Ajoutez le tableau de variantes à partir du plan Business, ou créez-le d’abord sur une boutique de développement.

Ce que voit l’acheteur

Chaque ligne de variante a un champ de quantité avec des boutons moins et plus. Quand la saisie de quantité en masse est activée, un seul nombre dans l’en-tête remplit toutes les lignes. Une variante sans stock, avec le backorder désactivé, est grisée avec un libellé Out of stock.

Add to cart vérifie les règles de quantité Shopify (minimums, maximums et pas) par rapport à la quantité saisie plus ce qui est déjà dans le panier. Add to quote ne les vérifie pas. Pour un produit avec de nombreuses variantes, le tableau charge 100 lignes à la fois au fil du défilement.

Un clic sur Add all to cart ou Add all to quote traite chaque ligne qui a une quantité.

Fonctionne avec les autres fonctions de BSS

Formulaire de devis. Add to quote utilise la même liste de devis et le même formulaire que le bouton de devis. Champs du formulaire de devis et e-mails explique les champs et les e-mails qui suivent.

Pages de commande rapide. Une page de commande rapide permet à un acheteur d’importer un CSV ou de rechercher parmi de nombreux produits. Le tableau de variantes convient à un acheteur qui part d’un seul produit et a besoin de plusieurs de ses variantes.

Tarification. Le bloc affiche les prix natifs Shopify, y compris les paliers de prix par volume de Shopify B2B. Il ne lit pas les règles de prix de BSS B2B Solution. Une ligne de commande rapide peut utiliser les prix Solution : testez donc un produit exemple en tant qu’acheteur avant le lancement.

Quelles sont les limites du tableau de variantes ?

Plan Business et supérieurs

Sur une boutique en ligne, le tableau est masqué en dessous du plan Business. Il s’affiche dans l’éditeur de thème sur tous les plans, ce qui vous permet de concevoir la mise en page avant de passer à un plan supérieur.

Thèmes Online Store 2.0

C’est un bloc d’app de modèle de produit, donc le thème doit disposer des sections produit. Il faut aussi que l’app embed B2B Portal soit activée.

Prix natifs Shopify uniquement

Le bloc ne lit pas les règles de prix de BSS B2B Solution. Un acheteur peut voir ici un prix différent de celui d’une page qui applique les règles Solution. Testez donc votre configuration en tant qu’acheteur.

Limite de 250 variantes

Les variantes sont lues via Shopify Liquid, qui renvoie jusqu’à 250 variantes par produit. Le tableau affiche donc les 250 premières d’un produit plus grand. Testez votre plus grand produit avant le lancement.

Les règles de devis peuvent masquer les prix

Si la règle de devis correspondante masque les prix ou Add to cart, le tableau masque aussi le prix, le total de ligne et le bouton Add to cart.

Pages produit uniquement

Le bloc se place dans le modèle de produit. Pour de nombreux produits à la fois, utilisez plutôt une page de commande rapide.

Les lignes de stock dépendent de l’inventaire

Les variantes à stock zéro, avec le backorder désactivé, ne peuvent pas être commandées depuis le tableau. Elles restent visibles mais grisées.

Quel plan inclut le tableau de variantes ?

Le tableau de variantes fait partie de BSS B2B Quote à partir du plan Business. Business coûte 39 $ US par mois sur la fiche de l’App Store à la date du 19 octobre 2026, avec un essai gratuit de 14 jours (plans payants). Toutes les fonctions de l’app sont gratuites sur les boutiques de développement, vous pouvez donc créer la page d’abord.

Cas d’usage avec un tableau de variantes

Le cas d’usage habillement montre le tableau sur une vraie page produit. Voir tous les cas d’usage.

Autres cas d’usage

Guides et glossaire

Lisez la suite pour tous les détails.

Glossaire

Formulaire de commande rapideIncrément de quantitéMOQTarification au volumeConditionnement (case pack)Demande de devis (RFQ)

Guides d’utilisation sur docs.bss-b2b.solutions

Plus de fonctionnalités de BSS B2B Quote

Chaque fonctionnalité a sa propre page. Voir aussi toutes les fonctionnalités de BSS B2B Quote.

Permettez à vos acheteurs de commander chaque taille sur une seule page

BSS B2B Quote ajoute le tableau de variantes à vos pages produit, à côté des devis, des pages de commande rapide et de la recommande.

Aussi : BSS B2B Lock pour prix masqués jusqu’au devis et BSS B2B Quote pour commande rapide et devis.

Questions fréquentes

Quel plan me faut-il pour le tableau de variantes ?

Business ou supérieur. Sur une boutique en ligne, le tableau est masqué sur les plans inférieurs. Dans l’éditeur de thème, il s’affiche toujours, ce qui vous permet de concevoir la mise en page avant de passer à un plan supérieur. Les boutiques de développement peuvent utiliser toutes les fonctions de l’app gratuitement.

Le tableau de variantes ajoute-t-il des articles au panier ou à un devis ?

Les deux. Add all to cart ajoute en un clic chaque variante ayant une quantité. Add all to quote les envoie au formulaire de devis, et ce bouton s’affiche à côté de Add all to cart quand le produit correspond à une règle de devis active et que l’option de compatibilité est activée.

Combien de variantes le tableau peut-il afficher ?

Jusqu’à 250 variantes par produit. Shopify Liquid renvoie au maximum 250 variantes sans pagination, donc un produit plus grand affiche ses 250 premières. Testez votre plus grand produit. Le tableau charge les lignes par lots de 100 au fil du défilement.

Le tableau respecte-t-il les commandes minimales et les pas de quantité ?

Add to cart vérifie les règles de quantité Shopify (minimums, maximums et pas) par rapport à la quantité saisie plus ce qui est déjà dans le panier. Add to quote ne les vérifie pas. Les variantes à stock zéro, avec le backorder désactivé, sont grisées avec un libellé Out of stock et ne peuvent pas être ajoutées.

Puis-je utiliser le tableau de variantes avec les prix BSS B2B Solution ?

Le bloc affiche les prix natifs Shopify, y compris les paliers de prix par volume de Shopify B2B. Il ne lit pas les règles de prix de BSS B2B Solution : testez donc un produit exemple en tant qu’acheteur. Une page de commande rapide peut utiliser les prix Solution.

Sources, méthode et journal des mises à jour

Le comportement de la fonction suit notre relecture du code de BSS B2B Quote du 3 octobre 2026 et les guides d’utilisation BSS. Si les deux divergent, le code fait foi. Par exemple, la limite de 250 variantes vient de Shopify Liquid, qui renvoie au maximum 250 variantes par produit sans pagination. Les prix proviennent des fiches de l’App Store à la date indiquée. Nous éditons BSS B2B Solution, BSS B2B Lock et BSS B2B Quote.

Sources

  1. Guide d’utilisation BSS : Product Page Variant Table, consulté le . Étapes de configuration, réglages du bloc, vue de l’acheteur, contraintes.
  2. Guide d’utilisation BSS : vue d’ensemble de Quick Order, consulté le . Page Quick Order, pour la comparaison.
  3. Guide d’utilisation BSS : forfaits et détails du plan BSS B2B Quote, consulté le . Comparaison des plans ; la condition du plan Business est confirmée dans le code de l’app.
  4. Documentation développeur Shopify : objet Liquid product, consulté le . Liquid renvoie au maximum 250 variantes sans pagination.
  5. Fiches Shopify App Store de BSS B2B Solution, Lock et Quote, consulté le . Prix des plans, durée de l’essai et note sur les boutiques de développement.

Journal des mises à jour

  • : First version.
  • : Added a mid-page install button.
Installer BSS B2B Quote essai gratuit de 14 jours (plans payants)