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

Tagged:
Bricks
bricks/posts/query_vars
Filters
Plugins
Pro
WP ULike

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 632 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

How to hide/remove the Block Element from the Bricks Builder

How to hide/remove the Block Element from the Bricks Builder

Don't like the new Block element in Bricks? Just copy/paste the following code into your child theme's functions.php. By the way, It's a terrible idea…
Read more →
Categories: Bricks, Free
Tags: Filters
How to create filters with IsotopeJS in Bricks (Part 4): AJAX filter and infinite loops, Sorting, List view and Disable animations

How to create filters with IsotopeJS in Bricks (Part 4): AJAX filter and infinite loops, Sorting, List view and Disable animations

This tutorial will explain how to enable the AJAX filter with an infinite scroll query loop container, how to add a sorting function, how to…
Read more →
Categories: Bricks, Free
Tags: Filters, Isotope, Query Loop
Pro
Posts from Random Categories in Bricks

Posts from Random Categories in Bricks

Updated on 31 Jul 2023 In BricksLabs Facebook group a user asked: How would you query 3 WordPress posts from 3 different categories with Brick…
Read more →
Categories: Bricks, Pro
Tags: bricks/posts/query_vars
Pro
How to add a Class to all Images in Bricks Galleries

How to add a Class to all Images in Bricks Galleries

Learn how to add a custom class to all the images rendered by Bricks' Gallery elements so these images can be excluded from Perfmatters' Lazy…
Read more →
Categories: Bricks, Pro
Tags: bricks/element/settings