The new AWARDS system is coming on your forum

Go down

The new AWARDS system is coming on your forum Empty The new AWARDS system is coming on your forum

Post by Luzz November 9th 2021, 1:11 pm

The new AWARDS system is coming on your forum


Dear friends,

It is with great excitement that we present to you today a feature that has been long awaited on our forums: an awards systemcheers banana

With this awards system, you can increase the engagement of your members by rewarding them with badges for their participation in the forum. The allocation of these badges can be automatic as well as manual.

We hope to offer you a very complete and pleasant to use system and hope that everyone will find it useful for their forum, because the possibilities of its application are endless  Very Happy.

Here we give you some key elements to make you want to check out this feature  Wink It's up to you to explore it now on your forums and learn the details in our next tutorial.


Awards system: an overview of the functionality



In the Administration Pannel of your forum, you now have a complete awards management system to configure the awards that you can assign to your members: automatically when the user reaches specific goals, or manually.

You will find it out by going to the ACP> Users & Groups> Awards.

This is where you can add, edit, view and delete awards and assign badges that correspond to them.

The new AWARDS system is coming on your forum Awards10


Where can I see member badges / awards on the forum?



The awards obtained by members, visually symbolized by badges, will be displayed in their profile (the simple or advanced profile) and in their messages, in the profile box under the avatar (if the administrator has chosen to display them at this location).

The new AWARDS system is coming on your forum Awards12

The new AWARDS system is coming on your forum Awards11


Each member can also find the rewards obtained and not obtained (if the administrator has chosen to display them) in their own profile.


SEE THE ILLUSTRATION:
The new AWARDS system is coming on your forum Awards13


Note: as each badge rewards a different action, each user also has the choice of changing the order of the badges displayed in order to highlight the awards that matter most to him. To do this, the user must go to editing his profile.


Notification of obtaining a new award 



When a user is assigned an award manually or automatically, he receives a notification via the toolbar indicating which badge he has won as well as the congratulatory message defined in the PA.

The new AWARDS system is coming on your forum Awards17

Note: No notification is sent when creating an award with automatic attribution. As a result, members who are assigned an automatic badge directly at the moment when it is created will not receive this notification.


How to manage the awards in the admin panel?



You can create new awards in your awards "control tower" (AP> Users & Groups> Awards) .

Fill in the title of your award, its description, upload an image (the badge) that corresponds to it. You can also create a congratulation message (which the user will receive via a notification) and even specify a custom CSS class to easily customize the appearance of the awards on your forum.

There are 2 types of awards:



  • automatic awards (depending on actions carried out by the member or objectives achieved: membership period, number of topics created, number of likes obtained, etc.)
  • awards with manual assignement (they will be assigned by the admin manually, therefore according to subjective criteria)



In the case of creating an automatic award, you will have to indicate the value to be achieved. For example, if we want to give a "Best Poster" badge to users who have posted more than 1,000 messages on the forum, the settings of our award will be as follows:



The rewards management system allows you to have a global overview of the badges available on your forum, as well as to see the information of each reward in detail (the number of users having each reward, the description, the value to be achieved, etc.).

SEE THE ILLUSTRATION:
The new AWARDS system is coming on your forum Awards14


You can also sort the awards and determine the order in which they are displayed to you for easier administration.

SEE THE ILLUSTRATION:

The new AWARDS system is coming on your forum Awards15

Also consider the display settings that you can change here in the awards setup:

The new AWARDS system is coming on your forum Awards16

Administrators who have customized the templates profile_add_body, profile_view_body, viewcomments_body, viewtopic_body must take the modifications below into account.




Now, it's your turn to play ! We can't wait to see the new badges and rewards you are going to introduce on your forums! Super

Best regards,
Forumotion Team king



Last edited by Luzz on November 9th 2021, 4:41 pm; edited 2 times in total
Luzz
Luzz
Administrator
Administrator

Posts : 1045
Reputation : 221
Language : French, English, Russian

View user profile http://forum.forumactif.com/

skouliki, Ape, SLGray, YoshiGM, cassini, Niko, TonnyKamper and like this post

Back to top Go down

The new AWARDS system is coming on your forum Empty Template modifications for PHPBB2

Post by Luzz November 9th 2021, 1:13 pm

PHPBB2

profile_add_body:

ADD
Code:
<!-- BEGIN switch_awards -->
 <tr>
 <th colspan="2">{switch_informations_menu.switch_awards.L_AWARDS}</th>
 </tr>
 <tr>
 <td id="list_awards" class="catBottom" colspan="2" style="background-image: none; text-align: center">{switch_informations_menu.switch_awards.AWARDS_LIST}</td>
 </tr>
 <tr>
 <td class="catBottom" colspan="2" style="text-align: center">
 <input id="awards_order" type="hidden" name="awards_order" value="" />
 <input style="cursor: pointer" id="sort_awards" class="liteoption" type="button" name="order" value="{switch_informations_menu.switch_awards.L_SORT}" />
 </td>
 </tr>
 {switch_informations_menu.switch_awards.SCRIPT_SORT_AWARDS}
 <!-- END switch_awards -->

AFTER 
Code:
<!-- END switch_profile_fields -->

profile_view_body:

ADD 
Code:
<!-- BEGIN switch_awards -->
 <tr>
 <td class="catLeft" align="center" height="28"><b><span class="gen">{switch_awards.L_AWARDS}</span></b></td>
 </tr>
 <tr>
 <td class="row1 awards_block_simple_wrapper" valign="top">
 <table width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <td class="awards_block_simple"><span class="gen"><strong>{switch_awards.AWARDS_LIST}</strong></span></td>
 </tr>
 </table>
 </td>
 </tr>
 <!-- END switch_awards -->
BEFORE
Code:
<tr>
 <td class="catLeft" align="center" height="28"><b><span class="gen">{L_CONTACT} {USERNAME}</span></b></td>
 </tr>

viewcomments_body:

ADD
Code:
<div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">{postrow.displayed.AWARDS}</div>
 <div class="award_more"></div>
 <br>
AFTER
Code:
{postrow.displayed.POSTER_RANK}<br />
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />

viewtopic_body:

ADD
Code:
<div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">{postrow.displayed.AWARDS}</div>
 <div class="award_more"></div>
 <br>
AFTER
Code:
{postrow.displayed.POSTER_RANK}<br />
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />


Last edited by Luzz on November 9th 2021, 1:19 pm; edited 1 time in total
Luzz
Luzz
Administrator
Administrator

Posts : 1045
Reputation : 221
Language : French, English, Russian

View user profile http://forum.forumactif.com/

SLGray and TonnyKamper like this post

Back to top Go down

The new AWARDS system is coming on your forum Empty Template modifications for PHPBB3

Post by Luzz November 9th 2021, 1:14 pm

PHPBB3

profile_add_body:

ADD
Code:
            <!-- BEGIN switch_awards -->
            <h1 class="page-title">{switch_informations_menu.switch_awards.L_AWARDS}</h1>
            <div class="panel">
               <div class="inner"><span class="corners-top"><span></span></span></div>
               <fieldset>
                  <dl>
                     <dt id="list_awards" style="width: 100%; text-align: center">{switch_informations_menu.switch_awards.AWARDS_LIST}</dt>
                  </dl>
                  <dl>
                     <dt style="width: 100%; text-align: center">
                        <input id="awards_order" type="hidden" name="awards_order" value="" />
                        <input style="cursor: pointer" id="sort_awards" class="button1" type="button" name="order" value="{switch_informations_menu.switch_awards.L_SORT}" />
                     </dt>
                  </dl>
               </fieldset>
               <div class="inner"><span class="corners-bottom"><span></span></span></div>
            </div>
                {switch_informations_menu.switch_awards.SCRIPT_SORT_AWARDS}
            <!-- END switch_awards -->
AFTER
Code:
            <!-- END switch_profile_fields -->

profile_view_body:

ADD
Code:
      <!-- BEGIN switch_awards -->
      <div class="awards_block_simple_wrapper" style="float: left; width: 100%;">
         <div class="h3">{switch_awards.L_AWARDS}</div>
         <div class="awards_block_simple">{switch_awards.AWARDS_LIST}</div>
      </div>
      <!-- END switch_awards -->
AFTER
Code:
      <!-- BEGIN switch_auth_user -->
      <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px">
         <dt>{L_ADMINISTRATE_USER}:</dt><dd><strong>{ADMINISTRATE_USER}{BAN_USER}</strong></dd>
      </dl>
      <!-- END switch_auth_user -->

viewcomments_body:

ADD
Code:
               <dd {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
                        {postrow.displayed.AWARDS}
               </dd>
               <dd class="award_more"></dd>
AFTER
Code:
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
               </dt>
               <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>

viewtopic_body:

ADD
Code:
               <dd {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
                        {postrow.displayed.AWARDS}
               </dd>
               <dd class="award_more"></dd>
AFTER
Code:
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
               </dt>
               <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>


Last edited by Luzz on November 9th 2021, 1:19 pm; edited 1 time in total
Luzz
Luzz
Administrator
Administrator

Posts : 1045
Reputation : 221
Language : French, English, Russian

View user profile http://forum.forumactif.com/

SLGray, cassini and TonnyKamper like this post

Back to top Go down

The new AWARDS system is coming on your forum Empty Template modifications for PUNBB

Post by Luzz November 9th 2021, 1:17 pm

PUNBB
profile_add_body:

ADD
Code:
<!-- BEGIN switch_awards -->
 <fieldset>
 <div class="main-head"><div class="subtitle">{switch_informations_menu.switch_awards.L_AWARDS}</div></div>
 <div class="main-content frm">
 <dl>
 <dt id="list_awards" style="width: 100%; text-align: center">{switch_informations_menu.switch_awards.AWARDS_LIST}</dt>
 </dl>
 <dl>
 <dt style="width: 100%; text-align: center">
 <input id="awards_order" type="hidden" name="awards_order" value="" />
 <input style="cursor: pointer" id="sort_awards" class="button2" type="button" name="order" value="{switch_informations_menu.switch_awards.L_SORT}" />
 </dt>
 </dl>
 </div>
 </fieldset>
            {switch_informations_menu.switch_awards.SCRIPT_SORT_AWARDS}
 <!-- END switch_awards -->
AFTER
Code:
</fieldset>
 <!-- END switch_profile_fields -->

profile_view_body:

ADD
Code:
<!-- BEGIN switch_awards -->
 <div class="sub-head"><h2>{switch_awards.L_AWARDS}</h2></div>
 <div class="awards_block_simple">{switch_awards.AWARDS_LIST}</div>
 <!-- END switch_awards -->
AFTER
Code:
<br />&nbsp;- <a rel="nofollow" href="/spa/{PUSERNAME}">{L_POSTS}</a><!-- END profil_type_user_posts --></dd>
 </dl>
 <!-- END profile_field --

viewcomments_body:

ADD
Code:
<div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}" >
                                        {postrow.displayed.AWARDS}
 </div>
 <div class="award_more"></div><br>
AFTER
Code:
{postrow.displayed.POSTER_AVATAR}<br />
 {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}

viewtopic_body:

ADD
Code:
<div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}" >
                                    {postrow.displayed.AWARDS}
 </div>
 <div class="award_more"></div><br>
AFTER
Code:
{postrow.displayed.POSTER_AVATAR}<br />
 {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
 </div>


Last edited by Luzz on November 9th 2021, 1:19 pm; edited 1 time in total
Luzz
Luzz
Administrator
Administrator

Posts : 1045
Reputation : 221
Language : French, English, Russian

View user profile http://forum.forumactif.com/

SLGray, TonnyKamper and Paulostge like this post

Back to top Go down

The new AWARDS system is coming on your forum Empty Template modifications for INVISION

Post by Luzz November 9th 2021, 1:18 pm

INVISION

profile_add_body:

ADD
Code:
         <!-- BEGIN switch_awards -->
         <div class="subtitle cleared"><h3>{switch_informations_menu.switch_awards.L_AWARDS}</h3></div>
         <div class="panel">
            <fieldset>
               <dl>
                  <dt id="list_awards" style="width: 100%; text-align: center">{switch_informations_menu.switch_awards.AWARDS_LIST}</dt>
               </dl>
               <dl>
                  <dt style="width: 100%; text-align: center">
                     <input id="awards_order" type="hidden" name="awards_order" value="" />
                     <input style="cursor: pointer" id="sort_awards" class="button" type="button" name="order" value="{switch_informations_menu.switch_awards.L_SORT}" />
                  </dt>
               </dl>
            </fieldset>
         </div>
            {switch_informations_menu.switch_awards.SCRIPT_SORT_AWARDS}
         <!-- END switch_awards -->
AFTER
Code:
         </fieldset>
         <!-- END switch_profile_fields -->

profile_view_body:

ADD
Code:
            <!-- BEGIN switch_awards -->
            <dl class="left-box details" style="margin-top: 10px">
               <dt class="subtitle">{switch_awards.L_AWARDS} : </dt><dd class="awards_block_simple">{switch_awards.AWARDS_LIST}</dd>
            </dl>
            <br>
            <!-- END switch_awards -->
AFTER
Code:
            {FRIENDSFOES}
            <br />
            <!-- END switch_allow_friendsfoes -->

viewcomments_body:

ADD
Code:
                  <dd {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
                            {postrow.displayed.AWARDS}
                  </dd>
                  <dd class="award_more"></dd>
AFTER
Code:
                     {postrow.displayed.POSTER_NAME}
                  </dt>
                  <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>

viewtopic_body:

ADD
Code:
                  <dd {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
                            {postrow.displayed.AWARDS}
                  </dd>
                  <dd class="award_more"></dd><br>
AFTER
Code:
                     {postrow.displayed.POSTER_NAME}
                  </dt>
                  <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
Luzz
Luzz
Administrator
Administrator

Posts : 1045
Reputation : 221
Language : French, English, Russian

View user profile http://forum.forumactif.com/

SLGray and TonnyKamper like this post

Back to top Go down

The new AWARDS system is coming on your forum Empty Template modifications for MODERNBB

Post by Luzz November 9th 2021, 1:18 pm

MODERNBB

profile_add_body:

ADD
Code:
            <!-- BEGIN switch_awards -->
            <h1 class="page-title">{switch_informations_menu.switch_awards.L_AWARDS}</h1>
            <div class="panel" style="overflow: visible">
               <div class="inner"><span class="corners-top"><span></span></span></div>
               <fieldset>
                  <dl>
                     <dt id="list_awards" style="width: 100%; text-align: center">{switch_informations_menu.switch_awards.AWARDS_LIST}</dt>
                  </dl>
                  <dl>
                     <dt style="width: 100%; text-align: center">
                        <input id="awards_order" type="hidden" name="awards_order" value="" />
                        <input style="cursor: pointer" id="sort_awards" class="button1" type="button" name="order" value="{switch_informations_menu.switch_awards.L_SORT}" />
                     </dt>
                  </dl>
               </fieldset>
               <div class="inner"><span class="corners-bottom"><span></span></span></div>
            </div>
                {switch_informations_menu.switch_awards.SCRIPT_SORT_AWARDS}
            <!-- END switch_awards -->
AFTER
Code:
               <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END switch_profile_fields -->

profile_view_body:

ADD
Code:
      <!-- BEGIN switch_awards -->
      <div class="awards_block_simple_wrapper">
         <div class="h3">{switch_awards.L_AWARDS}</div>
         <div class="awards_block simple">{switch_awards.AWARDS_LIST}</div>
      </div>
      <!-- END switch_awards -->
AFTER
Code:
      <!-- BEGIN switch_auth_user -->
      <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px">
         <dt>{L_ADMINISTRATE_USER}:</dt><dd><strong>{ADMINISTRATE_USER}{BAN_USER}</strong></dd>
      </dl>
      <!-- END switch_auth_user -->

viewcomments_body:

ADD
Code:
                     <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
                                {postrow.displayed.AWARDS}
                     </div>
                     <div class="award_more"></div>
AFTER
Code:
                  <div class="postprofile-rank">
                     {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}

viewtopic_body:

ADD
Code:
                     <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
                                {postrow.displayed.AWARDS}
                     </div>
                     <div class="award_more"></div>
AFTER
Code:
                  <div class="postprofile-rank">
                     {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}


Last edited by Luzz on November 9th 2021, 1:19 pm; edited 1 time in total
Luzz
Luzz
Administrator
Administrator

Posts : 1045
Reputation : 221
Language : French, English, Russian

View user profile http://forum.forumactif.com/

SLGray and TonnyKamper like this post

Back to top Go down

The new AWARDS system is coming on your forum Empty Template modifications for AWESOMEBB

Post by Luzz November 9th 2021, 1:18 pm

AWESOMEBB

profile_add_body:

ADD
Code:
         <!-- BEGIN switch_awards -->
         <div class="block">
            <div class="block-header">{switch_informations_menu.switch_awards.L_AWARDS}</div>
            <div class="block-content">
               <div id="list_awards" style="text-align: center">{switch_informations_menu.switch_awards.AWARDS_LIST}</div>
               <div class="center">
                  <input id="awards_order" type="hidden" name="awards_order" value="" />
                  <input style="cursor: pointer" id="sort_awards" class="button1" type="button" name="order" value="{switch_informations_menu.switch_awards.L_SORT}" />
               </div>
            </div>
         </div>
            {switch_informations_menu.switch_awards.SCRIPT_SORT_AWARDS}
         <!-- END switch_awards -->
AFTER
Code:
                    <!-- END switch_unsubscribe_allowed -->
                </div>
            </div>
            <!-- END switch_register_not_display -->

profile_view_body:

ADD
Code:
    <!-- BEGIN switch_awards -->
    <div class="block awards_module">
        <div class="block-header">
            {switch_awards.L_AWARDS}
        </div>
        <div class="block-content" style="text-align: center">
            {switch_awards.AWARDS_LIST}
        </div>
    </div>
    <!-- END switch_awards -->
AFTER
Code:
            <!-- BEGIN switch_allow_friendsfoes -->
            {FRIENDSFOES}
            <!-- END switch_allow_friendsfoes -->
        </div>
    </div>

THEN REPLACE
Code:
    $(document).ready(function() {
        var sidebar = $('#sidebar-left'),
            top_position_window = $(window).scrollTop(),
            top_position_sidebar = sidebar.offset().top;

        function stickySidebar() {
            top_position_window = $(window).scrollTop();

            if ((top_position_window + 86) > top_position_sidebar) {
                sidebar.addClass('sticky');
            } else {
                sidebar.removeClass('sticky');
            }
        }

        stickySidebar();

        $(window).on('scroll', function() {
            stickySidebar();
        });
    });
WITH
Code:
    $(document).ready(function() {
        var sidebar = $('#sidebar-left'),
            footer = $('#page-footer'),
            top_position_window = $(window).scrollTop(),
            top_position_sidebar = sidebar.offset().top,
            height_sidebar = sidebar.height(),
            top_position_footer = footer.offset().top;

        function stickySidebar() {
            top_position_window = $(window).scrollTop();

            if ((top_position_window + height_sidebar + 86) > top_position_footer) {
                sidebar.addClass('absolute_bottom');
                sidebar.removeClass('sticky');
            }
            else if ((top_position_window + 86) > top_position_sidebar) {
                sidebar.addClass('sticky');
                sidebar.removeClass('absolute_bottom');
            } else {
                sidebar.removeClass('sticky');
                sidebar.removeClass('absolute_bottom');
            }
        }

        stickySidebar();

        $(window).on('scroll', function() {
            stickySidebar();
        });
    });

viewtopic_body:

ADD
Code:
                        <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION} box-body">
                                    {postrow.displayed.AWARDS}
                        </div>
                        <div class="award_more box-body"></div>
                        <br>
AFTER
Code:
                                    <div class="avatar-big">
                                        {postrow.displayed.POSTER_AVATAR}
                                    </div>
                                </div>
Luzz
Luzz
Administrator
Administrator

Posts : 1045
Reputation : 221
Language : French, English, Russian

View user profile http://forum.forumactif.com/

skouliki, SLGray, TonnyKamper, jucarese and poesia-verses like this post

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum