10th Feb '23
/
0 comments

Voting System in Bricks using WP ULike

Voting System in Bricks using WP ULike

Updated on 16 Feb 2023

This Pro tutorial provides the steps to add upvote and downvote buttons using WP ULike Pro for posts output via Bricks' Query Loop and order the posts by the number of upvotes first and then by published date.

Note

The steps in this article will also work with the templates in the free version. Voting-style templates are available only in the Pro version though.

Step 1

Install and activate WP ULike and WP ULike Pro.

Go to ULike → Configuration → Content Types → Posts.

Select the StackVotings template. See this page for a live demo of this template.

If you'd like the voting buttons to not automatically appear near the bottom of your single posts, set "Automatic display" to OFF.

By default, voting is enabled for everyone incl. non logged-in visitors. If you'd like to restrict this to only the users that are logged in, set "Only logged in users" to ON.

Step 2

Edit your posts list Template or Page with Bricks.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Get access to all 630 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Filtering a Bricks Terms query on Term archive pages

Filtering a Bricks Terms query on Term archive pages

On product category archives, how to show product type names but only those that the current product category has.
How to Remove Name and Website Fields in Bricks Comment Forms

How to Remove Name and Website Fields in Bricks Comment Forms

Updated on 14 Mar 2024 In the BricksLabs Facebook group a user asked: What is the best method to remove fields from the Bricks "Comments"…
Pro
Limit the Number of Posts in a Bricks Query Loop of Relationship Type

Limit the Number of Posts in a Bricks Query Loop of Relationship Type

Updated on 12 Dec 2023 Bricks Query Loop popup does not have a control for setting the number of posts to be output when the…
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…