Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ Product Block Editor ] Create variations block with empty state #38881

Closed
3 tasks done
louwie17 opened this issue Jun 22, 2023 · 1 comment · Fixed by #39038
Closed
3 tasks done

[ Product Block Editor ] Create variations block with empty state #38881

louwie17 opened this issue Jun 22, 2023 · 1 comment · Fixed by #39038
Assignees
Labels
focus: new product ux revamped product management experience plugin: woocommerce Issues related to the WooCommerce Core plugin.

Comments

@louwie17
Copy link
Contributor

louwie17 commented Jun 22, 2023

Description:

This issue is part of #36286 epic.

When a product doesn't have any global or local attributes with the "Used for variations" enabled we should show an empty state with an action button to allow users to "add variation options".
This issue will only focus on creating the initial variations block and the empty state. The "add variation options" can be disabled for now until that functionality has been added.

Design

AkVNGImLgSqCObTQ3idVn7-fi-1637_204904

Screenshot 2023-06-22 at 10 41 00 AM

Acceptance criteria

  • Have the variations block rendered within the Variations tab (see [Product Block Editor] Add Variations Tab #38880 )
  • If an existing product has 0 local or global attributes with "Used for variations" enabled, display the Options empty state with the "add variation options"
  • If an existing product has local or global attributes with "Used for variations" enabled we should render the InnerBlocks
@louwie17 louwie17 added plugin: woocommerce Issues related to the WooCommerce Core plugin. focus: new product ux revamped product management experience labels Jun 22, 2023
@louwie17 louwie17 added type: good first issue The issue is a good candidate for the first community contribution/for a newcomer to the team. and removed type: good first issue The issue is a good candidate for the first community contribution/for a newcomer to the team. labels Jun 22, 2023
@louwie17
Copy link
Contributor Author

You can use display: none to hide the inner blocks, so that they are still being rendered within the React tree.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
focus: new product ux revamped product management experience plugin: woocommerce Issues related to the WooCommerce Core plugin.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants