This block allows you to attach tick-filters to any kind of content of page. You can see demo of block on our site on block gallery page

Now, when you create filters, you will find next interface

You must copy these classes to block which you want to be under this filter

You can add classes in Advanced – Advanced section, example:

Copy this post’s content
<!-- wp:paragraph -->
<p>This block allows you to attach tick-filters to any kind of content of page. You can see demo of block on our site on <a href="https://greenshiftwp.com/block-gallery/" target="_blank" rel="noreferrer noopener">block gallery page</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Now, when you create filters, you will find next interface</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3387,"width":285,"height":396,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2023/08/EditPostE280B9TestsiteWPNewE28094WordPress2023-08-2112-43-55.jpg" alt="" class="wp-image-3387" width="285" height="396"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>You must copy these classes to block which you want to be under this filter</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You can add classes in Advanced - Advanced section, example:</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3390,"width":287,"height":768,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2023/08/filters-1-382x1024.jpg" alt="" class="wp-image-3390" width="287" height="768"/></figure>
<!-- /wp:image -->
«
»