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.
2. Change the padding & now to verify that this padding change is applied to `Product Image` block:
284
-
1. Go to Editor
281
+
2. In the Global Styles sidebar, locate the "Product Price" block.
282
+
3. Customize the block using the new styling options available under the "Product Price" block in the Global Styles sidebar:
283
+
- Change the background color under the "Colors" settings.
284
+
- Adjust the line height, font family, and letter spacing under the "Typography" settings.
285
+
- Modify the padding under the "Layout" settings.
286
+
4. Verify that these applied correctly within editor & on frontend:
287
+
1. Create a new post
285
288
2. Add Products block
286
-
3. Add Product Image block as an inner block if not included already
287
-
4. Check the Product Image block's padding in both the editor and on the front-end to ensure that the changes made through the Global styles UI are accurately applied:
288
-
- In the editor, select the Product Image block and observe the padding applied around the image. Ensure it matches the value set in the Global styles UI.
289
-
- Save the post or page, and then preview it on the front-end. Confirm that the Product Image block's padding is consistent with the value specified in the Global styles UI.
290
-
291
-
#### Test using blocks sidebar
289
+
3. Add Product Price block as an inner block if not included already
290
+
4. Check the Product Price block in both the editor and on the front-end to ensure that the changes made through the Global styles UI are accurately applied:
291
+
- In the editor, inspect Product Price block & ensure it matches the value set in the Global styles UI.
292
+
- Save the post & publish it. On frontend, inspect Product Price block & ensure it matches the value set in the Global styles UI.
292
293
293
-
1. Navigate to the WordPress admin dashboard and create a new post or page.
294
-
2. Add Products block
295
-
3. Add Product Image block as an inner block if not included already
296
-
4. Select the image block and open the block settings sidebar.
297
-
5. Adjust the margin and padding values for the image block and ensure that the changes are visually reflected in the editor.
298
-
6. Save the post or page and preview it on the front-end.
299
-
7. Verify that the applied margin and padding values are correctly displayed on the front-end as well.
294
+
**Also, verify these in `all products` block, which also uses Product Price block.**
0 commit comments