How to Add “What’s New” to vBulletin Mobile Style Header

by

One thing that bothers me and some of my members when using the vBulletin mobile style is that you have to do 2 taps (clicks) to see if any new posts have been made; you have to click on the grid button and then the “what’s new” button. My members hated that and so did I, so I decided to implement it myself! Here is how I did it:

First save the What’s New image below and upload it to your /images/mobile/ folder on your server.

Then go to your AdminCp and go to your Styles and Templates, Style Manager, choose your mobile style and use the dropdown menu and click on the Edit Template, then go to the header template and find:

<a href="mobile.php?{vb:raw session.sessionurl}do=notifications" data-role="button" data-inline="true" data-theme="e" class="notifications_total hidden"><span class="notifications_total_count"></span></a>
			</vb:if>
		<vb:else />

Add the following below:

<a href="search.php?{vb:raw session.sessionurl}do=getnew" rel="external" class="headericon"><img src="{vb:stylevar imgdir_mobile}/whats_new.png" /></a>

Save and you have now added the What’s New image to your mobile style header.

Notes:
Make sure you backup before doing any modifications as I am no responsible for any crashes or errors.

Remember this is for the vBulletin Mobile Style, not the Mobile App.

I have named the image to whats_new.png so as not to override the current What’s New image on the grid menu which is a larger image.

Also if you to rename the image make sure you also change the code to reflect your renamed image.

Hope this helped! As always, please let me know if you have any questions in the comments or you can contact me.

Leave a Comment

CommentLuv badge

Previous post:

Next post: