Images for Trophies

Korenwolf

New member
For those whom want to show the Trophies on their profile page (i'm using Flexile)

Edit the members_view template:

Search for mainTabs and add the following code below the other li's:
Code:
<li><a href="{$requestPaths.requestUri}#trophies">{xen:phrase trophies}</a></li>
Go to the bottom of the template and add right above
Code:
<xen:hook name="member_view_tabs_content" params="{xen:array 'user={$user}'}" />
The following code:
Code:
<li id="trophies" class="profileContent" data-loadUrl="{xen:link members/trophies, $user}">

{xen:phrase loading}...
<noscript><a href="{xen:link 'members/trophies', $user}">{xen:phrase view}</a></noscript>
</li>
And tadaa! you have the trophies on your user profile as a tab!
Luckely all trophies have their own style such as:
Code:
<div class="trophy" id="trophy-2">
So adding background images for your trophies wont be a problem!
 

Korenwolf

New member
Jaxel what do you mean ? It works perfectly well, the above script does add a tab to your profile page, maybe your using a different skin (i'm using Flexile) or maybe its just me not getting your point.... (very plausible :cautious: )
 

Jaxel

Well-known member
Jaxel what do you mean ? It works perfectly well, the above script does add a tab to your profile page, maybe your using a different skin (i'm using Flexile) or maybe its just me not getting your point.... (very plausible :cautious: )
The following code is needed:
Code:
<li><a href="{xen:link members, {$user}}#trophies">{xen:phrase trophies}</a></li>
Above:
Code:
<xen:hook name="member_view_tabs_heading" params="{xen:array 'user={$user}'}" />
 

Korenwolf

New member
I did add the tab and it shows perfectly fine, its the first step. But i accidently pasted the members_view_tabs_content code twice. I just corrected it, thanks for noticing!
 

TLMD

Active member
I think it is a good idea to add icons to the trophies. Maybe then the icons could also be displayed below the avatar (left side of this post) and in the member card? This might encourage people to collect trophies a bit more. (These should be optional features of course.)
 

Echelon

Active member
For those whom want to show the Trophies on their profile page (i'm using Flexile)

Edit the members_view template:

Search for mainTabs and add the following code below the other li's:
Code:
<li><a href="{$requestPaths.requestUri}#trophies">{xen:phrase trophies}</a></li>
Go to the bottom of the template and add right above
Code:
<xen:hook name="member_view_tabs_content" params="{xen:array 'user={$user}'}" />
The following code:
Code:
<li id="trophies" class="profileContent" data-loadUrl="{xen:link members/trophies, $user}">

{xen:phrase loading}...
<noscript><a href="{xen:link 'members/trophies', $user}">{xen:phrase view}</a></noscript>
</li>
And tadaa! you have the trophies on your user profile as a tab!
Luckely all trophies have their own style such as:
Code:
<div class="trophy" id="trophy-2">
So adding background images for your trophies wont be a problem!
thankx...this is what i need....since i'm not technical, this is what i foud out;

members_view template does not exist in my system......i got member_view
mainTabs also not found in the member_view template.

is it because of flexile? I'm using UI.X

view.png
 

Echelon

Active member
This is my end result with adding profile page + giving trophy images (with points awarded) I think it turned out perfect!


is this with the flexile template?
Because i work with ui.x and it seems impossible with my theme
 

Echelon

Active member
For those whom want to show the Trophies on their profile page (i'm using Flexile)

Edit the members_view template:

Search for mainTabs and add the following code below the other li's:
Code:
<li><a href="{$requestPaths.requestUri}#trophies">{xen:phrase trophies}</a></li>
Go to the bottom of the template and add right above
Code:
<xen:hook name="member_view_tabs_content" params="{xen:array 'user={$user}'}" />
The following code:
Code:
<li id="trophies" class="profileContent" data-loadUrl="{xen:link members/trophies, $user}">

{xen:phrase loading}...
<noscript><a href="{xen:link 'members/trophies', $user}">{xen:phrase view}</a></noscript>
</li>
And tadaa! you have the trophies on your user profile as a tab!
Luckely all trophies have their own style such as:
Code:
<div class="trophy" id="trophy-2">
So adding background images for your trophies wont be a problem!
Hi Korenwolf. Any idea why my trophies won't show up in the profile page? Everything is working but maybe you are familiar with this
 
Top