Go Back   vb.org Archive > vBulletin Article Depository > Read An Article > vBulletin 3 Articles
Reload this Page How to turn the "Post Thank You" hack into a "Likes" system similar to vBulletin.org
FAQ Community Calendar Today's Posts Search

Reply
Page 10 of 16 « First 89 10 1112 Last »
 
Thread Tools
How to turn the "Post Thank You" hack into a "Likes" system similar to vBulletin.org
BirdOPrey5's Avatar
BirdOPrey5
Senior Member
Join Date: Jun 2008
Posts: 10,610

The details of my life are quite inconsequential.

New York
Show Printable Version Email this Page Subscription
BirdOPrey5 BirdOPrey5 is offline 07-05-2011, 10:00 PM
Note: These instructions are for VB 3.8. See post #35 by michal72 for a VB4 adaptation.

First off, the "Likes" system on vBulletin.org is custom and does not use any other hacks- however it is too custom to be released. Instead you can modify an existing mod to do mostly the same thing.

Several people have asked me for info on how to do this so I figured I'd write it up and post it here.

You can see what it looks like on my live forum: http://www.juot.net/forums/showthread.php?t=60059



You need the latest version Abe1's Post Thank You Hack (7.7): Here.

What you can see above was done with this mod plus some phrase changes and template edits, and an optional plugin edit.

So step 1 is make sure you have the ?Thank You? mod installed and working.

Step 2 is to change the following phrases. In Admin CP use Phrase Manager to "translate" these phrases from "Thank You" to "Like(s)":

You can of course use your own translations but this is what I used-

Phrase Name | Translation:
post_thanks_already | You have already liked this post!
post_thanks_remove_user | Remove Your Like
post_thanks_search | Find All Liked Posts
post_thanks_search_user | Find all liked posts by {1}
post_thanks_search_user_gave | Find all posts liked by {1}
post_thanks_thanked_post | Liked Post
post_thanks_thanks | Likes
post_thanks_time_post | Liked 1 Time in 1 Post
post_thanks_times_post | Liked {1} Times in 1 Post
post_thanks_times_posts | Liked {1} Times in {2} Posts
post_thanks_total_thanks | Total Likes
post_thanks_user_says | The Following User Likes This Post:
post_thanks_users_say | The Following {1} Users Like This Post:

Some of the above we won't actually use in my implementation but best to fix them all to be consistent.

Step 3:

At this point we need to have a "like.png" file in your images/buttons/ directory and the button directory for every custom style you have, if any. I will attach a couple of options but consider finding or making one unique to your forum.

Step 4:

Now we have to edit a couple of templates.

Edit the template: post_thanks_button

Replace it all with this:

Code:
<a href="post_thanks.php?$session[sessionurl]do=post_thanks_add&amp;p=$post[postid]&amp;securitytoken=$bbuserinfo[securitytoken]" id="post_thanks_button_$post[postid]"<if condition="$vboptions[disable_ajax] != 2"> onclick="return post_thanks_give($post[postid], <if condition="$vboptions[post_groan_integrate]">true<else />false</if>);"</if> <if condition="$display_thanks_image == 'none'">style="display:none"</if> rel="nofollow"><img src="$stylevar[imgdir_button]/like.png" alt="Like This Post" border="0" /></a>
Note: The above template will work correct if you use the "Post Groan Hack" which I also use. You can convert the "Post Groan Hack" into an "dis-like" system basiclly the same way we are changing "Thank You" to "Likes."


Edit the template: post_thanks_postbit_legacy OR post_thanks_postbit (whichever postbit you use)

Replace it all with this:

Code:
<div style="background-color: #CAEBDA; border: 2px ridge #7BBA99; border-width: 2px 2px 2px 2px; padding: 2px; width:99%; margin: 0px auto 0px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top:auto; margin-bottom:0px;">

<table border="0" width="100%">
<tr>
<td width="100">
<strong>Likes: ($post[post_thanks_amount_formatted])</strong><br />
				
</td><td>
<div style="float:left;">$post[post_thanks_bit]</div> <div style="float:right;"><if condition="$bbuserinfo['usergroupid'] == 6"><a href="post_thanks.php?do=post_thanks_remove_all&amp;p=$post[postid]"<if condition="$vboptions[disable_ajax] != 2"> onclick="return post_thanks_remove_all($post[postid], <if condition="$vboptions['post_groan_integrate']">true<else />false</if>);"</if> rel="nofollow">Delete All</a></if><if condition="$bbuserinfo['usergroupid'] == 6 AND $post['show_thanks_remove_option']"> | </if><if condition="$post['show_thanks_remove_option']"><a href="post_thanks.php?do=post_thanks_remove_user&amp;p=$post[postid]"<if condition="$vboptions['disable_ajax'] != 2"> onclick="return post_thanks_remove_user($post[postid], <if condition="$vboptions['post_groan_integrate']">true<else />false</if>);"</if> rel="nofollow">Unlike</a></if></div>
</td></tr></table>
</div>

At this point you should have a nice light-green "Like" box appearing below each post someone "Likes." You might want to stop here.

The last steps are only if you want to integrate the Like box INTO the posts like on my forum.

If you do the next step is pretty easy-

In Admin CP -> Plugin Manager, edit the plugin: Post Thank You Hack on hook: postbit_display_start

Find the line:

Code:
eval('$template_hook[postbit_end] .= " ' . fetch_template('post_thanks_box') . '";');
and change it to:

Code:
eval('$template_hook[postbit_signature_end] .= " ' . fetch_template('post_thanks_box') . '";');
OK This will move the "Like" box into the actual post table instead of below it.

Again this is a good place to stop if you are happy.

However there is one more template edit I did to keep the Like Box inside the post but at the very bottom of it regardless how short the post might be. In this case we must edit the postbit_legacy template. (I don't use the regular postbit template so I don't have any further instructions for people who use regular postbit. The following is ONLY for postbit_legacy.)

IMPORTANT- Copy all of your postbit_legacy template to a text file and save it as a backup in case you make an error or the instructions don't work for you. You can also "Revert" the template but that will undo ALL customizations you may have made.

Find in postbit_legacy:

Code:
<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">
Change it to:

Code:
<td class="alt2" rowspan="2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">
Find:

Code:
$template_hook[postbit_signature_end]
And delete it.

Find:

Code:
		<!-- / edit note -->
		</if>

	</td>
</tr>

Add BELOW it:

Code:
<tr>
<td class="alt1" valign="bottom">
$template_hook[postbit_signature_end]
</td>
</tr>
----

And that should do it.

Of course you are encouraged to make some customizations... Most of what you'll want to change is in the top part of the post_thanks_postbit_legacy template. The background color, border style, and the like are all controlled by this code:

Code:
<div style="background-color: #CAEBDA; border: 2px ridge #7BBA99; border-width: 2px 2px 2px 2px; padding: 2px; width:99%; margin: 0px auto 0px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top:auto; margin-bottom:0px;">
On my forum I actually use a background image texture but did not include it here as it is an unnecessary complication.

Feel free to play around and tweak the box to your liking. :up:
Attached Images
File Type: jpg Likes_ss.jpg (313.7 KB, 0 views)
Attached Files
File Type: txt Like System Converion by BOP5.txt (6.1 KB, 138 views)
Reply With Quote
  #92  
Old 04-21-2012, 08:55 AM
michal72 michal72 is offline
 
Join Date: Nov 2010
Posts: 213
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
For me #35 is working fine on 4.1.12 .
See how it should more less look like.
Attachment 137949

Please check if post #49 will help you: https://vborg.vbsupport.ru/showpost....8&postcount=49
Reply With Quote
  #93  
Old 04-21-2012, 04:30 PM
wishtheend wishtheend is offline
 
Join Date: Dec 2009
Posts: 29
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by michal72 View Post
For me #35 is working fine on 4.1.12 .
See how it should more less look like.
Attachment 137949

Please check if post #49 will help you: https://vborg.vbsupport.ru/showpost....8&postcount=49
Thanks, probably still seems to lie with the first edit in #35. The thank box code is says to place in there seems to mess up the formatting. I've tried it from a fresh install of 4.1.12 so not sure where the problem is. But making the first two edits causes the formatting to become all jumbled and bleeding into other parts of a post like the message body.
Reply With Quote
  #94  
Old 04-21-2012, 08:18 PM
Merriweather Merriweather is offline
 
Join Date: Nov 2006
Posts: 389
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Thanks to everyone who took the time to post their knowledge in this thread. I just got my vB 4.1.12 working with the hacked "Likes" system pretty easily.

However, I use this Lightweight style for mobile device users: https://vborg.vbsupport.ru/showthread.php?t=249277

So far, I've added the "Like" button in between the "Edit" and "Reply" on my mobile style, like this:

HTML Code:
<vb:if condition="$post['editlink']"><a id="btn" href="{vb:raw post.editlink}">{vb:rawphrase edit}</a></vb:if>

<!-- Add "Like" button to mobile style -->
<a id="btn" href="post_thanks.php?{vb:raw session.sessionurl}do=post_thanks_add&amp;p={vb:raw post.postid}&amp;securitytoken={vb:raw bbuserinfo.securitytoken}">{vb:rawphrase post_thanks_thanks}</a>
<!-- End adding "Like" button -->

<vb:if condition="$post['replylink']"><a id="btn" href="{vb:raw post.replylink}" id="qrwq_{vb:raw post.postid}" rel="nofollow">{vb:rawphrase reply}</a></vb:if>
Basically, all I need are the conditionals to wrap around it so it won't show to users who don't have access to the post. I've been trying (without success) to create my own conditionals.
Reply With Quote
  #95  
Old 04-23-2012, 11:03 AM
itilm's Avatar
itilm itilm is offline
 
Join Date: Aug 2011
Location: Karachi
Posts: 80
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Code:
Step 2 is to change the following phrases. In Admin CP use Phrase Manager to "translate" these phrases from "Thank You" to "Like(s)":
Please Explain this step on screen shot for me please
Reply With Quote
  #96  
Old 04-23-2012, 09:07 PM
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
Senior Member
  
Join Date: Jun 2008
Location: New York
Posts: 10,610
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by itilm View Post
Code:
Step 2 is to change the following phrases. In Admin CP use Phrase Manager to "translate" these phrases from "Thank You" to "Like(s)":
Please Explain this step on screen shot for me please
In your Admin CP choose "Phrase Manager" from the side menu, it is under the "Languages & Phrases" group.

If you're noy sure where each phrase is use "Search in Phrases" instead. Put the phrase name in the "Search for Text" box, example: post_thanks_already

Choose the option: Phrase Variable Name Only

click find.

Click to edit the found phrase and on that page there is a box for an English translation (or whatever language you use) - Simply put in that box what you want it to say... So change "Thanks" to "Like"

Save.

Repeat for all phrases listed.
Reply With Quote
  #97  
Old 04-23-2012, 09:38 PM
Crimdog Crimdog is offline
 
Join Date: Dec 2007
Posts: 25
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Loving this modification to the post thanks hack!

Working great.

I do have a question for you, if you don't mind pointing me in the right direction?

We use a star to like posts up next to the permalink. I'd like to have this button used as a "multi" button. In that when not liked, it's grayed (not yellow). Once you click "like" it changes to yellow. The text "remove like" would also be removed from the thanks box.

I've been digging around for a while with this conditional and haven't had any luck. Could you point me in the right direction so I could do the research? Much appreciated!
Reply With Quote
  #98  
Old 04-23-2012, 10:24 PM
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
Senior Member
  
Join Date: Jun 2008
Location: New York
Posts: 10,610
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Sorry swapping out images would likely involve editing the Ajax JavaScript and that is not something I am familiar with.
Reply With Quote
  #99  
Old 04-25-2012, 10:14 PM
Crimdog Crimdog is offline
 
Join Date: Dec 2007
Posts: 25
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by BirdOPrey5 View Post
Sorry swapping out images would likely involve editing the Ajax JavaScript and that is not something I am familiar with.
Thank you for the response.

I intend to go about this a different way

If possible, please review this:
PHP Code:
<!--Post Thanks Button-->
<!--Post Thanks Button-->
<a href="post_thanks.php?$session[sessionurl]do=post_thanks_add&amp;p=$post[postid]&amp;securitytoken=$bbuserinfo[securitytoken]" id="post_thanks_button_$post[postid]"
<if condition="$vboptions[disable_ajax] != 2"> onclick="return post_thanks_give($post[postid], 
<if condition="$vboptions[post_groan_integrate]">true<else />false</if>);"</if> 
<if condition="$display_thanks_image == 'none'">style="display:none"</if> rel="nofollow">
<img src="$stylevar[imgdir_button]/post_like.png" alt="Like This Post" align="center" border="0" /></a>

<if condition="$bbuserinfo['usergroupid'] == 6 AND $post['show_thanks_remove_option']"></if>
<if condition="$post['show_thanks_remove_option']">
<a href="post_thanks.php?do=post_thanks_remove_user&amp;p=$post[postid]"
<if condition="$vboptions[disable_ajax] != 2"> onclick="return post_thanks_remove_user($post[postid], 
<if condition="$vboptions['post_groan_integrate']">true<else />false</if>);"</if>
<if condition="$display_thanks_image == ''">style="display:none"</if> rel="nofollow">
<img src="$stylevar[imgdir_button]/post_liked.png" alt="Unlike This Post" align="center" border="0" /></a>
</if> 
<!--/Post Thanks Button--> 
In testing this out, I've managed to get the images to display correctly to an extent. When you click the image, the image disappears, but the other image doesn't display until you refresh the page. When you refresh the page it looks fine again. Now, if you click "unlike this post", ajax refreshes immediately and you now have two images in the bar next to permalink (like and liked.png respectively) until you refresh the page.

I assume this is what you meant by the ajax function?

--------------- Added [DATE]1335397299[/DATE] at [TIME]1335397299[/TIME] ---------------

And apologies in advance, no matter what I do, copy/paste doesn't fully translate.
Reply With Quote
  #100  
Old 04-26-2012, 11:52 AM
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
Senior Member
  
Join Date: Jun 2008
Location: New York
Posts: 10,610
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
The only work-around I could think of would be to disable AJAX in the mod completely which I don't think you'd want to do.
Reply With Quote
  #101  
Old 04-26-2012, 11:58 AM
Crimdog Crimdog is offline
 
Join Date: Dec 2007
Posts: 25
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by BirdOPrey5 View Post
The only work-around I could think of would be to disable AJAX in the mod completely which I don't think you'd want to do.
Yeah, that would in turn prevent the images from auto-display, which kinda defeats the purpose. Thanks anyway. I've got a co-worker that will assist since she writes AJAX in her sleep.

If we come up with a solution I'll be happy to let you know. Maybe someone else out there would be interested.
Reply With Quote
Reply
Page 10 of 16 « First 89 10 1112 Last »

« Previous Thread | Next Thread »

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 02:51 PM.

Contact Us - Archive - Top

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.06215 seconds
  • Memory Usage 2,406KB
  • Queries Executed 26 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (12)bbcode_code
  • (1)bbcode_html
  • (1)bbcode_php
  • (4)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_article
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (11)post_thanks_box
  • (46)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (2)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 
Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete