App reviews, troubleshooting, and recommendations
I am using the ResourcePicker (from "@shopify/app-bridge-react") inside my app to allow my customer to select products from their store. The problem is that I want to restrict the user to select only 1 product or variant, but I can't find an option for that.
Imagine a product structure like this:
- Shirts (product)
- Red color (variant)
- Blue color (variant)
- Shoes (product)
- Red color (variant)
- Blue color (variant)
- Hat (product without variant)
If I set my component like this:
<ResourcePicker
resourceType="Product"
selectMultiple={1}
showVariants={true}
/>
the customer will see a list in this format and won't be limited to 1 variant:
If I set my component like this:
<ResourcePicker
resourceType="ProductVariant"
selectMultiple={1}
/>
The customer will be limited to 1 selection but he can't tell which product he is selecting (Shirt or Shoe). He will also see "Default Title" to the product without variant:
What I want is for the customer to be able to select only 1 variant and to be clear which product is that. Anyway to achieve this?
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025