Show Thread Enhancements - Basic QR Intergraton (2D Barcodes) for VB Threads (QR Pages by BOP5) VB4

Brought to you by BirdOPrey5 / Qapla.com

Note: Updated to version 1.5- added QR codes for attachments and profiles as well as threads.

This isn't a polished mod, its purpose is to bring 2D Barcode (QR Code) integration to vBulletin. I will be marking it unsupported as I do not recommend users without some basic HTML or coding experience attempt to use the mod. I will NOT be answering basic setup questions. Instructions for the manual template edits are included in the zip. you may use them if you wish but I strongly suggest you work on a custom solution.

Live Demo: Qapla.com Thread

This mod will allow a uniqe QR Code to be generated and displayed for every thread on your forum.

Users with Android, iPhone, and other advanced phones can easily scan these QR Codes and share links with friends via email, text, and other social networking platforms.

The QR generation is handled by a free open-source project called phpqrcode which has its own GNU Lesser General Public License.

I have created the vBulletin interface needed to generate codes for individal threads, attachments, and/or profile pages.

The mod will check if the QR Code has already be generated for a thread (or profile, or attachment) and if so will simply display the png file previously created. If this is the first time someone has viewed the thread (since installing this mod) it will generate and save the QR Code for future use.

All QR Codes are stored in .png format in a new folder called /images/qr/ which you must create and must be writable. (chmd 755 is usually sufficient but if you have problems go to 777).

A utility included in the Admin CP settings will allow you to delete all these images if necessary.

Other Admin CP settings include the ability to set the size, quality, and border size around the QR Code.

What isn't finished is the best way to intergrate this onto your SHOWTHREAD pages and attachment template. I have instructions for a manual template edits that will give you a basic "box" that you can mouse-over and get the full image to pop-up over the rest of your page.

I am aware this isn't an ideal setup but I am more of a coder than a designer. If anyone has some suggestions (with code) for a better implementation I am open to suggestions.

This mod could be expanded to show QR Codes on all pages, not just threads, but until a better way is found to display the code on the page I didn't bother.

Server Load- In general the mod only generates a code on the first view of the thread- this will usually be when a new thread is first submitted so in the long run I don't anticipate any major server load by this mod. However if you have a very large and very busy forum you can expect a temporary increased load after installation as members visit hundreds of threads which have never had a QR Code generated before. This increased load should decrease after the surge of new generations end.

Disk Usage - The smaller the QR Code you generate the smaller the file size per image. In my experience the average size of each QR code png file was 600 bytes. This would mean about 586 KB per 1,000 threads or 58 Megabytes for 100,000 threads. You can extrapolate from there.

Please Mark as Installed if you use this.

[Boofo]

Originally Posted by Alan_SP

QR code in profiles works excellent. :up:

I used your suggestion for placement and also added it in MEMBERINFO template.

Find:

<vb:if condition="$show['viewblog']">
							<li><a href="{vb:raw $vboptions.vbblog_url}{vb:if "$vboptions['vbblog_url']", '/', ''}blog.php?{vb:raw session.sessionurl}u={vb:raw userinfo.userid}" rel='nofollow'><img src="{vb:stylevar imgdir_siteicons}/blog.png" class="inlineimg" alt="" /> {vb:rawphrase view_blog_entries}</a></li>
						</vb:if>

Below that add:

<vb:if condition="$vboptions[bop5qr_en] AND $vboptions[bop5qr_enprofiles]">  
    <br />
			<li>{vb:raw userinfo.qr}</li>
    </vb:if>

It makes QR code visible on every profile page.

Can you post a pic of what it looks like with your changes?

Also, you could just use the profile_sidebar_first template hook and save the manual editing.

Tyhe li tags will give you a W3C Markup Validation error, by the way.

[BirdOPrey5]

Originally Posted by puertoblack2003

good job BirdOPrey5 on the attachment qrcode, :up: one last thing how can i make it so it'll be a mouse over effect?

thanks

It should be a mouse over effect. If you look at the screenshot there were 2 attachments, one was hidden and the one visible was only visible because the mouse was over it.

[Boofo]

Here's a pic of my profile with the QR code added via the profile_sidebar_first template hook.

[Alan_SP]

Originally Posted by Boofo

Can you post a pic of what it looks like with your changes?

Also, you could just use the profile_sidebar_first template hook and save the manual editing.

Tyhe li tags will give you a W3C Markup Validation error, by the way.

Here's image:



What I should add to use profile_sidebar_first template hook?

li tags are used by vBulletin in MEMBERINFO template, that's why I used them. But, I'm open for suggestions.

[puertoblack2003]

Originally Posted by BirdOPrey5

It should be a mouse over effect. If you look at the screenshot there were 2 attachments, one was hidden and the one visible was only visible because the mouse was over it.

yea its was my fault i had moved the css to additional so i reverted back in template.I have to figure out where to put it at, when i get some free time.. thanks

[OldSchoolDSL]

Updated code for 1.5

This is a modified version of QR concept from nhawk
https://vborg.vbsupport.ru/showpost....0&postcount=14

To which I made more simple for those who dislike edit code and originally released here
https://vborg.vbsupport.ru/showpost....4&postcount=18

Rights complete reserved to BirdOPrey5 (author) and to nhawk (concept)
All I did was pre-add the tweak for version 1.5

Installed and working 4.1.10 Alpha 1, 2, 3, and Beta 1 .... Assume to work on final version.

[Mr_Running]

A quick thought..

Any way to have it work with first post ad location and still have the ad?
vB default google adsense shows the ad to guest but when a user is logged in
the ad is not displayed.

It would be great to have the QR share this viewable to logged in users
in the first post ad location.

[Boofo]

Originally Posted by Mr_Running

A quick thought..

Any way to have it work with first post ad location and still have the ad?
vB default google adsense shows the ad to guest but when a user is logged in
the ad is not displayed.

It would be great to have the QR share this viewable to logged in users
in the first post ad location.

I suppose you could do a template find/replace to add it either above or below the ad.

[Alan_SP]

Originally Posted by Mr_Running

Any way to have it work with first post ad location and still have the ad?
vB default google adsense shows the ad to guest but when a user is logged in
the ad is not displayed.

Not really sure what you mean?

I tried first ad location and when I used it (as nhawk suggested) QR code was visible with ad beside if you're unlogged (or guest). Also, when you're logged in, you see only QR code. Ad is not visible as this ad is visible only for unlogged users.

If you want this ad visible, you need to change code used for ad display. It could be done, of course, but by default ad isn't visible for logged in users.

[Mr_Running]

Originally Posted by Alan_SP

Not really sure what you mean?
I tried first ad location and when I used it (as nhawk suggested) QR code was visible with ad beside if you're unlogged (or guest). Also, when you're logged in, you see only QR code. Ad is not visible as this ad is visible only for unlogged users.

What I mean is...
QR code only showing when logged in within the ad space.
and the ad only showing when unlogged (guest)


Thanks Alan_SP, It's better than I thought...I was wondering if would work with the ad.
Edit: Yes it work because...Display this ad if...User does not belong to usergroup

I'll give it go.