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. 

Tags

BigCommerce

Dates

Created: 07 Dec 2023

Updated: 26 Jun 2024

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

Reason

The fulfillment team would often have to communicate with the customer to verify additives, ensuring the correct choices and making sure its In Stock. Our code has helped alleviate the Manual Processes for both Consumer (typing in) and Client (reading user input) by ensuring the products' availability and accuracy of product.