X

Contact Ashan Jay

For technical support for our softwares, kindly send us a ticket via helpdesk.ashanjay.com

Please summarize in 200 characters why you are contacting me

IMPORTANT: For all the concerns regarding EventON kindly use our dedicated support at helpdesk.ashanjay.com If you use this form to ask questions about EventON, you will NOT hear back from me!

Verify your inquiry is legit

Send the message

Cart

Adding a likes count with thumbs up icon is quite easy without using a plugin. Below I explain the code I used here in my website. All the code explained goes in the functions.php file in the theme, although it can be modified to use in a plugin as well.

Functionality

What we are going to do is store likes count in post meta of whichever the post you choose to add a likes count to. The post meta field name will be “likes”. Whenever the thumbs-up icon is clicked, the likes count will increment. We are not tracking if a user has already liked an article with this method. However that can be done using cookies. We will use a simple shortcode that can be placed where ever in the site we want to show the likes count button.

FYI, the shortcode is using GLOBAL $post variable to get the post ID. And the post ID will be whatever is in the global post value within a wp query loop.

Pre-rec Libraries I am using

I am using the free and always awesome fontawesome library to get the thumbs up icon. Aside that, jQuery library which is a standard load on most websites these days.

Adding Likes Button Shortcode

This will allow the functionality for shortcode [aj_likes_btn] the context of which you can edit for your liking. This shortcode will print the HTML code where ever the shortcode is placed, to display a thumbs-up icon button and likes count.

<?php 
add_shortcode('aj_likes_btn', 'aj_likes_btn');
function aj_likes_btn(){
	global $post;

	$post_id = $post->ID;
	$current_count = get_post_meta( $post_id, 'likes',true);
	$current_count = $current_count ? $current_count : 0;
    
    ob_start();
	?>
	<div class='aj_likes'>
		<p><a class='aj_thumbsup' href='' data-id='<?php echo $post_id;?>'>
		    <i class="far fa-thumbs-up"></i></a> 
		    Likes (<span><?php echo $current_count;?></span>)</p>
	</div>
	<?php
	return ob_get_clean();
}

Adding AJAX functionality

This JQuery code can be added to existing javascript file ( in which case the AJAX url must be updated to correct ajax url) or save into a new javascript file called aj_script.js

jQuery(document).ready(function($){

$('body').on('click','.aj_thumbsup',function(event){
	event.preventDefault(); // stop click from refreshing page
    
    var OBJ = $(this);
    
    if(OBJ.hasClass('recorded')) return; // stop multiple submissions
    
	var id = $(this).data('id'); // get post ID
	var data_arg = {};
	data_arg['id'] = id;
	data_arg['action'] = 'aj_like_post'; // ajax hook name

	$.ajax({
		beforeSend: function(){},
		type: 'POST',
		url:the_ajax_script.ajaxurl, // Must be updated if adding this to existing
		data: data_arg,dataType:'json',
		success:function(data){
			OBJ.siblings('span').html( data.new_count); // populate with new new_count
			OBJ.addClass('recorded') // mark as thumbsup recorded
			OBJ.find('i').removeClass('far').addClass('fas'); // make thumbs up icon solid
		}
	});
});
});

To enqueue the above script use this PHP code, which goes into function.php. Make sure to replace THEME_DIR with correct location if you are saving the javascript code to a different location.

<?php
define("THEME_DIR", get_template_directory_uri());
wp_enqueue_script( 'aj_script', THEME_DIR . '/aj_script.js', array( 'jquery' ), 1.0, true );
wp_localize_script( 
	'aj_script', // the handle name of the script
	'the_ajax_script', 
	apply_filters('aj_script_data', array( 
		'ajaxurl' => admin_url( 'admin-ajax.php' ) , 
		'postnonce' => wp_create_nonce( 'aj_nonce' )
	))
);

PHP code to process the AJAX request which would record the new incremented like count for the post.

<?php
add_action( 'wp_ajax_aj_like_post', 'aj_record_like_post' );
add_action( 'wp_ajax_nopriv_aj_like_post', 'aj_record_like_post' ); 
// nopriv allows for nonloggedin users to like as well

public function aj_record_like_post(){

	$post_id = sanitize_text_field( $_POST['id']);

	$current_count = get_post_meta( $post_id, 'likes',true);
	$current_count = $current_count ? $current_count : 0;

	$new_count = $current_count + 1; // add one more like

	update_post_meta( $post_id, 'likes', $new_count); // save new count to the post meta

	echo json_encode(array(
		'status'=>'good',
		'new_count'=>$new_count,
	)); exit;
}

CSS code to stylize the looks.

.aj_likes{text-align:center; padding:30px 0; font-size:18px;}
.aj_likes a:hover i{transform: scale(1.2);}
.aj_likes a.recorded:hover i{transform: scale(1);}

Now add the shortcode [aj_likes_btn] where ever you want viewers to like that post, and it will look like this on the post. If you like this code share, be sure to give my like button a smashing as well 🙂

15 hours ago

10 Amazing Books that Rocked My Ship in 2022 and More

2022, I found myself moving deeper toward the inner layers of existence away from scientific theories and applications of rat experiments into human behavior. I found myself going deeper into…

Read More

5 days ago

Super Charging The Roti

Coconut roti made with flour, coconut, salt, and water is a very easy-to-make staple in Sri Lankan cuisine. It has become something I quite enjoy - eating with Pol sambal…

Read More

4 months ago

Interfaces From Past

Our souls are so amazing that they can create amazing interfaces at the point of discomfort or struggle to protect ourselves from further pain and from future pain. In those…

Read More

7 months ago

Do our desires for pleasures own us in this modern world?

I think when sages said staying with pain opens doors to greater wisdom and consciousness and that we shouldn't chase after pleasure. - what they meant is:  life is fundamentally…

Read More

1 year ago

Stupidly Simple Act of Touching The Earth

Starting from the year 2022, I have been trying to do more of two new things - standing/walking barefoot on grass and getting sun rays on my skin. Such easy…

Read More

1 year ago

14 Exciting Books that Changed My Trajectory in Life During 2021

2021 was a slow year for the number of books I read compared to 2020. Mainly because the deep nature of the books, which needed more time to comprehend. But…

Read More

1 year ago

Gold Was Always There - Teachings from East to a New Life

I come from the eastern part of the world relatively called east by British Emperor. From there I left the east completely to submerge myself in the west, for my…

Read More

1 year ago

Stock Tank with a bucket of Ice

Since coming across the ice man in "Tools of the titans" by Tim Ferris, my interest grew of Wim hof. I have read his book "Wim hof method" and another…

Read More

2 years ago

Reconnecting with the Superfood Moringa Or Kathuru Murunga

Growing up in Sri Lanka my mother would go outside and pick Kathuru Murunga leaves and flowers and make a sambol. This was very much a common occurrence throughout the…

Read More

2 years ago

How to add an AJAX likes count button in WordPress without a plugin

Adding a likes count with thumbs up icon is quite easy without using a plugin. Below I explain the code I used here in my website. All the code explained…

Read More

2 years ago

West Arriving Ancients via Science

I keep coming at this thoughts again and again as I pass through western inventions with my heightened awareness - 2500 to 3000 years ago in the Asia, brahmans and…

Read More

Situation: We have a coupon code (Free $5 cash) that we want customers to use one time. Until he use it, show a special message on my account. After he used the coupon hide the special message. The example below is based on a recent free $5 cash gift we gave out at EventON.

Method: Use user_meta in wordpress to record if customer used the coupon code at checkout. Then use user_meta saved value conditionally to show the special message on my account page.

Execution: The below code can be added into functions.php file inside a theme or as a separate file that can be included into your theme or in a plugin.

Step 1: Record coupon code usage at checkout

The coupon code we have created in woocommerce that gives out customers a one time free $5 at checkout is ‘giftevo2020’. If a customer use that coupon at checkout we are going to record that using user_meta.

<?php
class Custom_class{
	public function __construct(){
		add_action('woocommerce_checkout_order_processed', array($this, 'checkout_processed'), 10, 3);
	}

	public function checkout_processed($order_id, $posted_data, $order){

		// get all coupons in cart
		$cc = $order->get_items('coupon');

		// if no coupons used return
		if( !$cc ) return;

		// run through for each coupons used in cart
		foreach($cc  as $cc1){

			// if coupon code is free $5 coupon
			if($cc1->get_code() == 'giftevo2020'){

				// save to user meta 
				update_user_meta( $this->current_user->ID , 'evo_coupon_used_2020', 'giftevo2020');
			}
		}
	}
}
new Custom_class();

Step 2: Conditionally display account content

Now we grab user_meta saved value ‘evo_coupon_used_2020’ and check if our $5 free cash coupon code ‘giftevo2020’ was used by this current logged in customer. If they have not used it then show a special message. The message here will tell them about this coupon code. Once the customer used the coupon code for one time, this special message will no longer show in my accounts page. I use woocommerce account hook “woocommerce_account_dashboard” to show this special message.

<?php
public function dashboard(){
	// GIFT Cash		
	$hide_gift = true;
		
		// check if current user has coupon code in user meta
		$this->current_user = wp_get_current_user();
		$coupon_used = get_user_meta( $this->current_user->ID, 'evo_coupon_used_2020');
		
		// if this use has not used coupon code show special message
		if(!in_array('giftevo2020', $coupon_used) ):
	?>
		<div class='b50' style='    background: linear-gradient(45deg, #ff5b9d, #ff9570); color: #fff;'>
			<h2>Our Gift to You</h2>
			<p style='line-height: 1.3;font-size: 36px;'>$5 Free Cash to Spend</p> 
			<p>Code at checkout: <b>GIFTEVO2020</b></p>
			<p>Use this free cash to purchase any of our addons before Dec. 2nd, 2020</p>
			<p><a class='btn btn_grey' href='https://www.myeventon.com/addons/'>Find Addons</a></p>
		</div>

	<?php endif;  
}

View in My Account

Below is how the free $5 cash coupon code special message will appear in my account page.

Complete Code

<?php
class Custom_class{
	public function __construct(){
		add_action('woocommerce_checkout_order_processed', array($this, 'checkout_processed'), 10, 3);
		add_action('woocommerce_account_dashboard',array($this,'dashboard') );
	}

	public function checkout_processed($order_id, $posted_data, $order){

		// get all coupons in cart
		$cc = $order->get_items('coupon');

		// if no coupons used return
		if( !$cc ) return;

		// run through for each coupons used in cart
		foreach($cc  as $cc1){

			// if coupon code is free $5 coupon
			if($cc1->get_code() == 'giftevo2020'){

				// save to user meta 
				update_user_meta( $this->current_user->ID , 'evo_coupon_used_2020', 'giftevo2020');
			}
		}		
	}
	public function dashboard(){		

		// GIFT Cash		
		$hide_gift = true;
			
			// check if current user has coupon code in user meta
			$this->current_user = wp_get_current_user();
			$coupon_used = get_user_meta( $this->current_user->ID, 'evo_coupon_used_2020');
			
			// if this use has not used coupon code show special message
			if(!in_array('giftevo2020', $coupon_used) ):
		?>
			<div class='b50' style='    background: linear-gradient(45deg, #ff5b9d, #ff9570); color: #fff;'>
				<h2>Our Gift to You</h2>
				<p style='line-height: 1.3;font-size: 36px;'>$5 Free Cash to Spend</p> 
				<p>Code at checkout: <b>GIFTEVO2020</b></p>
				<p>Use this free cash to purchase any of our addons before Dec. 2nd, 2020</p>
				<p><a class='btn btn_grey' href='https://www.myeventon.com/addons/'>Find Addons</a></p>
			</div>

		<?php endif;  
	}
}
new Custom_class();

15 hours ago

10 Amazing Books that Rocked My Ship in 2022 and More

2022, I found myself moving deeper toward the inner layers of existence away from scientific theories and applications of rat experiments into human behavior. I found myself going deeper into…

Read More

5 days ago

Super Charging The Roti

Coconut roti made with flour, coconut, salt, and water is a very easy-to-make staple in Sri Lankan cuisine. It has become something I quite enjoy - eating with Pol sambal…

Read More

4 months ago

Interfaces From Past

Our souls are so amazing that they can create amazing interfaces at the point of discomfort or struggle to protect ourselves from further pain and from future pain. In those…

Read More

7 months ago

Do our desires for pleasures own us in this modern world?

I think when sages said staying with pain opens doors to greater wisdom and consciousness and that we shouldn't chase after pleasure. - what they meant is:  life is fundamentally…

Read More

1 year ago

Stupidly Simple Act of Touching The Earth

Starting from the year 2022, I have been trying to do more of two new things - standing/walking barefoot on grass and getting sun rays on my skin. Such easy…

Read More

1 year ago

14 Exciting Books that Changed My Trajectory in Life During 2021

2021 was a slow year for the number of books I read compared to 2020. Mainly because the deep nature of the books, which needed more time to comprehend. But…

Read More

1 year ago

Gold Was Always There - Teachings from East to a New Life

I come from the eastern part of the world relatively called east by British Emperor. From there I left the east completely to submerge myself in the west, for my…

Read More

1 year ago

Stock Tank with a bucket of Ice

Since coming across the ice man in "Tools of the titans" by Tim Ferris, my interest grew of Wim hof. I have read his book "Wim hof method" and another…

Read More

2 years ago

Reconnecting with the Superfood Moringa Or Kathuru Murunga

Growing up in Sri Lanka my mother would go outside and pick Kathuru Murunga leaves and flowers and make a sambol. This was very much a common occurrence throughout the…

Read More

2 years ago

How to add an AJAX likes count button in WordPress without a plugin

Adding a likes count with thumbs up icon is quite easy without using a plugin. Below I explain the code I used here in my website. All the code explained…

Read More

2 years ago

West Arriving Ancients via Science

I keep coming at this thoughts again and again as I pass through western inventions with my heightened awareness - 2500 to 3000 years ago in the Asia, brahmans and…

Read More