Visibility block - Greenshift

Blog Staff

containers, query

May 16, 2022

This block allows you to hide or show content (inner blocks which you add to this block) based on some criteria:

Post query visibility

Possible filters:

Post category/tag

Custom post types and custom taxonomy

Manual selection

Taxonomy Query

You can select any taxonomy: categories, product categories, tags, and all custom taxonomies registered on your site.

User query

You can select to show based on logined user or not, you can select also user role and choose definite User.

Custom field Query

This is interesting visibility condition based on custom field value. You can set visibility, for example, to show content only if post get value of meta field more than specific amount. Custom fields and taxonomy fields support multiple conditions

Query String

You can set visibility by query string. For example, this is regular url – site.com/your_post and this is url with query string site.con/your_post?filterby=id

query string here is filterby=id – Now, you can set condition to check query string and show/hide blocks based on this

Referral URL

You can set to show/hide block depending on url from which user visited your page

Date period

You can select date and time period to show/hide your content

By Mobile View

You can show/hide blocks related to gadget of user. This option is different from Responsive control, which can hide only visibility of block via CSS and width of browser (but block is still on page). Visibility by Mobile view uses dynamic render so blocks are not existed on page if user uses mobile. This option uses wp_is_mobile function

You can hide/show blocks related to user’s cookie. Greenshift has also several blocks which can save cookie. For example button block and switcher blocks. So, you can use button block and save special cookie on user’s click and use visibility block to show/hide conditional blocks related to user’s choice.

Copy this post’s content

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

<p>This block allows you to hide or show content (inner blocks which you add to this block) based on some criteria:</p>

<h2 id="post-query-visibility">Post query visibility</h2>

<p>Possible filters:</p>

<p><strong>Post category/tag</strong></p>

<figure class="wp-block-image size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/visibility1.jpg" alt="" class="wp-image-1175" width="271" height="452"/></figure>

<p><strong>Custom post types and custom taxonomy</strong></p>

<figure class="wp-block-image size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/visibility2.jpg" alt="" class="wp-image-1176" width="271" height="429"/></figure>

<p><strong>Manual selection</strong></p>

<figure class="wp-block-image size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/visibility3.jpg" alt="" class="wp-image-1177" width="271" height="199"/></figure>

<h2 id="taxonomy-query">Taxonomy Query</h2>

<p>You can select any taxonomy: categories, product categories, tags, and all custom taxonomies registered on your site.</p>

<figure class="wp-block-image size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/visibility4.jpg" alt="" class="wp-image-1178" width="269" height="366"/></figure>

<h2 id="user-query">User query</h2>

<p>You can select to show based on logined user or not, you can select also user role and choose definite User.</p>

<figure class="wp-block-image size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/uservisibility.jpg" alt="" class="wp-image-1179" width="273" height="293"/></figure>

<h2 id="custom-field-query">Custom field Query</h2>

<p>This is interesting visibility condition based on custom field value. You can set visibility, for example, to show content only if post get value of meta field more than specific amount. Custom fields and taxonomy fields support multiple conditions</p>

<figure class="wp-block-image size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2023/01/cfields.jpg" alt="" class="wp-image-2544" width="267" height="383"/></figure>

<h2 id="query-string">Query String</h2>

<p>You can set visibility by query string. For example, this is regular url - site.com/your_post  and this is url with query string site.con/your_post?filterby=id</p>

<p>query string here is filterby=id - Now, you can set condition to check query string and show/hide blocks based on this</p>

<h2 id="referral-url">Referral URL</h2>

<p>You can set to show/hide block depending on url from which user visited your page</p>

<h2 id="date-period">Date period</h2>

<p>You can select date and time period to show/hide your content</p>

<h2 id="by-mobile-view">By Mobile View</h2>

<p>You can show/hide blocks related to gadget of user. This option is different from Responsive control, which can hide only visibility of block via CSS and width of browser (but block is still on page). Visibility by Mobile view uses dynamic render so blocks are not existed on page if user uses mobile. This option uses wp_is_mobile function</p>

<h2 id="by-cookie">By Cookie</h2>

<p>You can hide/show blocks related to user's cookie. Greenshift has also several blocks which can save cookie. For example button block and switcher blocks. So, you can use button block and save special cookie on user's click and use visibility block to show/hide conditional blocks related to user's choice. </p>

containers, query