Filter patterns preview showing Filter by Attribute in Edit view.

[tjcafferkey]

Describe the bug

When you search the Block Inserter > Patterns library for WooCommerce patterns, when you come to the WooCommerce Product Filters pattern you are able to see in the preview that the Filter by Attribute block is rendered in Edit mode. Because of this the preview does not look appealing.

To reproduce

Steps to reproduce the behavior:

1. Go to Appearance > Editor > All Templates > Product Catalogue
2. Open the Block Inserter, then select Patterns tab
3. On the dropdown click WooCommerce to view WC available patterns.
4. See the pattern rendering the Filter by Attribute block in Edit mode.

Expected behavior

The Filter by Attribute block should render an example preview.

Screenshots

[tjcafferkey]

I am wondering if we are able to detect within the block itself if it is being rendered in a "Preview" pane and if so, render it with some dummy data in this context.

[Aljullu]

I am wondering if we are able to detect within the block itself if it is being rendered in a "Preview" pane and if so, render it with some dummy data in this context.

block.json has an example attribute which might be helpful. We are using it in some blocks, ie: All Products.

[tjcafferkey]

@Aljullu This looks useful thank you! Only problem is that we would need to know the attribute_id we are using as an example actually exists somehow.

[github-actions]

This issue has been marked as stale because it has not seen any activity within the past 60 days. Our team uses this tool to help surface issues for review. If you are the author of the issue there's no need to comment as it will be looked at.