bigcommerce
Nest picklist children under parent line items
What/Why?
Nest Picklist items under their parent item to achieve Stencil parity.
Testing
- Create a product with a PickList product option (modifier) added.
- Navigate to Catalyst storefront
- Add product to cart
- Validate the picklist item appears nested with the parent item.
Migration
Minor changes.
🦋 Changeset detected
Latest commit: 9a009c4094af05ad967b4b43cb1342d8102c8265
The changes in this PR will be included in the next version bump.
This PR includes changesets to release 1 package
| Name | Type |
|---|---|
| @bigcommerce/catalyst-core | Minor |
Not sure what this means? Click here to learn what changesets are.
Click here if you're a maintainer who wants to add another changeset to this PR
![changeset-bot[bot] avatar](https://avatars.githubusercontent.com/in/28616?v=4 "Published by a pub.dev verified publisher"){kind=small}
@BC-AdamWard is attempting to deploy a commit to the BigCommerce Platform Team on Vercel.
A member of the Team first needs to authorize it.
![vercel[bot] avatar](https://avatars.githubusercontent.com/in/8329?v=4 "Published by a pub.dev verified publisher"){kind=small}
Pinging @hunterbecton + @andrewreifman to see if they have any design tweaks here!
Pinging @hunterbecton + @andrewreifman to see if they have any design tweaks here!
@chanceaclark It looks like we're already including the picklist option under the product names, so is it necessary to show it again? Same thing with the quantity. We already display the quantity on the right so it also feels repetitive and not needed.
A few more notes:
- Instead of displaying the picklist label (Another product in this scenario), could we just display the value selected? And if there are more than one variant to show, can we just separate them by commas (see Figma mockups)
- For the variant info, we should probably increase the contrast. It looks pretty light and hard to read at the moment.
@andrewreifman I do not have access to Figma, pinging you on Slack if you can create an export.
Instead of displaying the picklist label (Another product in this scenario), could we just display the value selected? And if there are more than one variant to show, can we just separate them by commas
I do not think this is viable, as it is possible to create multiple variations of the same parent product using modifiers, and have different quantities on each. Screenshot is current Catalyst behavior, same base product for all three products added by a modifier but the quantity needs to be unique for each one.
Taking a look at other style changes.