Filterable Content

Blog Staff

August 21, 2022

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

Copy code below, and paste it (CTRL+V) in content of page

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>

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

<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>

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

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

<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>

filters