You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Feb 23, 2024. It is now read-only.
### Simplify unused Add to Cart button form placeholder for grouped product ([8438](https://github.com/woocommerce/woocommerce-blocks/pull/8438))
166
-
167
-
1. Go to Editor
168
-
2. Edit the Product Catalog template
169
-
3. Add All Products block
170
-
4. Enter the "edit" mode of All Products block by clicking a pencil button
171
-
5. Remove "Add to Cart Button" block
172
-
6. Add "Add to Cart" block - THESE ARE TWO SEPARATE BLOCKS. IT'S ABOUT "ADD TO CART" BLOCK!
173
-
7. By default the "Display form elements" toggle should be disabled
174
-
**Expected**: Button looks like on a pictures above
175
-
8. Save the changes and check the frontend as well
176
-
177
-
9. Enter the edit mode of "Add to Cart" button (there's a [bug that block cannot be clicked](https://github.com/woocommerce/woocommerce-blocks/issues/8439). To enter the edit mode, please open a "list view" of blocks and choose "Add to Cart" from there)
178
-
10. Enable "Display form elements" toggle
179
-
**Expected**: Button looks like on a pictures above (while it changes to form for other types of products: simple, variable)
180
-
11. Save the changes and check the frontend as well
181
-
182
-
#### Editor - Grouped product is the middle one on each image. Other products are included for comparison
183
-
184
-
| Case | Before | After |
185
-
| ------ | ----- |----- |
186
-
| Display form elements: disabled | <imgwidth="620"alt="image"src="https://user-images.githubusercontent.com/20098064/219035374-59f7e3d5-cf88-4450-8052-b1e7bcde275b.png"> | <imgwidth="637"alt="image"src="https://user-images.githubusercontent.com/20098064/219033902-bc991786-e9cc-41c6-9ae8-1f33cda4378c.png"> |
187
-
| Display form elements: enabled | <imgwidth="630"alt="image"src="https://user-images.githubusercontent.com/20098064/219035240-8e943b7d-5422-4acf-9cda-f610be2f3fb8.png"> | <imgwidth="628"alt="image"src="https://user-images.githubusercontent.com/20098064/219034539-606de553-f664-4e45-b252-a903001a455b.png"> |
188
-
189
-
#### Frontend - Grouped product is the middle one on each image. Other products are included for comparison
190
-
191
-
| Case | Before | After |
192
-
| ------ | ----- |----- |
193
-
| Display form elements: disabled | <imgwidth="671"alt="image"src="https://user-images.githubusercontent.com/20098064/219035426-a0032999-2d10-4389-9945-0ba2fb7accc7.png"> | <imgwidth="658"alt="image"src="https://user-images.githubusercontent.com/20098064/219034371-c2ab137a-1c38-4907-91c3-a5c69db8fed3.png"> |
194
-
| Display form elements: enabled | <imgwidth="665"alt="image"src="https://user-images.githubusercontent.com/20098064/219035271-97621392-9299-4cde-9628-fa750f805faf.png"> | <imgwidth="659"alt="image"src="https://user-images.githubusercontent.com/20098064/219034622-44db616a-5a7e-4359-bac7-537c404f1add.png"> |
195
-
196
165
### Use the @wordpress/components instead of wordpress-components while in editor ([8432](https://github.com/woocommerce/woocommerce-blocks/pull/8432))
197
166
198
167
Prerequisites:
@@ -672,3 +641,34 @@ Make sure Product Catalog template is cleared out to the default state. To achie
672
641
Video presents the replacement of a Classic Template on two templates: Product Catalog and Products by Category
### Simplify unused Add to Cart button form placeholder for grouped product ([8438](https://github.com/woocommerce/woocommerce-blocks/pull/8438))
646
+
647
+
1. Go to Editor
648
+
2. Edit the Product Catalog template
649
+
3. Add All Products block
650
+
4. Enter the "edit" mode of All Products block by clicking a pencil button
651
+
5. Remove "Add to Cart Button" block
652
+
6. Add "Add to Cart" block - THESE ARE TWO SEPARATE BLOCKS. IT'S ABOUT "ADD TO CART" BLOCK!
653
+
7. By default the "Display form elements" toggle should be disabled
654
+
**Expected**: Button looks like on a pictures above
655
+
8. Save the changes and check the frontend as well
656
+
657
+
9. Enter the edit mode of "Add to Cart" button (there's a [bug that block cannot be clicked](https://github.com/woocommerce/woocommerce-blocks/issues/8439). To enter the edit mode, please open a "list view" of blocks and choose "Add to Cart" from there)
658
+
10. Enable "Display form elements" toggle
659
+
**Expected**: Button looks like on a pictures above (while it changes to form for other types of products: simple, variable)
660
+
11. Save the changes and check the frontend as well
661
+
662
+
#### Editor - Grouped product is the middle one on each image. Other products are included for comparison
663
+
664
+
| Case | Before | After |
665
+
| ------ | ----- |----- |
666
+
| Display form elements: disabled | <imgwidth="620"alt="image"src="https://user-images.githubusercontent.com/20098064/219035374-59f7e3d5-cf88-4450-8052-b1e7bcde275b.png"> | <imgwidth="637"alt="image"src="https://user-images.githubusercontent.com/20098064/219033902-bc991786-e9cc-41c6-9ae8-1f33cda4378c.png"> |
667
+
| Display form elements: enabled | <imgwidth="630"alt="image"src="https://user-images.githubusercontent.com/20098064/219035240-8e943b7d-5422-4acf-9cda-f610be2f3fb8.png"> | <imgwidth="628"alt="image"src="https://user-images.githubusercontent.com/20098064/219034539-606de553-f664-4e45-b252-a903001a455b.png"> |
668
+
669
+
#### Frontend - Grouped product is the middle one on each image. Other products are included for comparison
670
+
671
+
| Case | Before | After |
672
+
| ------ | ----- |----- |
673
+
| Display form elements: disabled | <imgwidth="671"alt="image"src="https://user-images.githubusercontent.com/20098064/219035426-a0032999-2d10-4389-9945-0ba2fb7accc7.png"> | <imgwidth="658"alt="image"src="https://user-images.githubusercontent.com/20098064/219034371-c2ab137a-1c38-4907-91c3-a5c69db8fed3.png"> |
674
+
| Display form elements: enabled | <imgwidth="665"alt="image"src="https://user-images.githubusercontent.com/20098064/219035271-97621392-9299-4cde-9628-fa750f805faf.png"> | <imgwidth="659"alt="image"src="https://user-images.githubusercontent.com/20098064/219034622-44db616a-5a7e-4359-bac7-537c404f1add.png"> |
0 commit comments