BigCommerce Product with 3 Color Selections

While customers are required to choose colors, our client was stuck with a text input. We replaced this with a 3 option selection list.

Problem

While customers are required to choose colors, our client was stuck with a text input. 

Fix

We replaced this with a 3 option selection list getting only available colors.

Using Graphql on BigCommerce, we are dynamically seeking out which product variants are In Stock and Purchasable. We render three selection choices, in this case Primary, Accent and Secondary, with the metallic colorants that are available.

  • Customers can now choose from a list instead of typing.
  • The Cart now contains each of these products as line items (metallic colors as $0).
  • Upon Order, these metallic colors decrement in Inventory

Before

After

Links

Stone Coat Countertops - 15 Gallon Kit