27th Mar '23
/
2 comments

Random Users Query Loop in Bricks

Looking to show users in random order when using a Users type of query in Bricks?

Add the following in child theme‘s functions.php or a code snippets plugin:

add_action( 'pre_user_query', function( $query ) {
	if ( $query->query_vars['orderby'] === 'rand') {
		$query->query_orderby = 'ORDER BY RAND()';
	}
} );

add_filter( 'bricks/users/query_vars', function( $query_vars, $settings, $element_id ) {
	if ( $element_id === 'yslvlr' ) {
		$query_vars['orderby'] = 'rand';
	}
	
	return $query_vars;
}, 10, 3 );

Replace yslvlr with the Bricks ID of your query loop element.

References

https://gist.github.com/siteoptimo/9049115

https://academy.bricksbuilder.io/article/filter-bricks-users-query_vars/

Get access to all 633 Bricks code tutorials with BricksLabs Pro

2 comments

  • Now I can go to any post / page / custom post type in my website, change the dropdown for this ACF field to page-builder and, in doing so, I can override the Single - Default template and design full-width using Bricks.

  • Looking to show users in random order when using a Users type of query in.

Leave your comment

 

Related Tutorials..

Pro
How to Inject a Different Type of Post in Bricks Query Loop

How to Inject a Different Type of Post in Bricks Query Loop

Updated on 26 Aug 2024 A user asks: Hello, I'd like to inject a CPT post card inside of a Bricks query loop of a different CPT…
How to create filters with IsotopeJS in Bricks (Part 1)

How to create filters with IsotopeJS in Bricks (Part 1)

This tutorial series will explore the IsotopeJS library's features inside the Bricks ecosystem.
Categories:
Pro
Conditionally Excluding Elements from Bricks Editor

Conditionally Excluding Elements from Bricks Editor

In the past, we shared How to Exclude Elements from Bricks Editor. This Pro tutorial shows how specific elements can be excluded selectively based on…
Pro
“Truncate text to these many characters” Bricks Control

“Truncate text to these many characters” Bricks Control

Bricks provides a :<number> dynamic data tag modifier that can be used to limit the amount of text by the specified number of words. Ex.:…