• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

User Upgrade Images


Active member
I would like to add unique images per user upgrade (Check attachment)
How would I make it look like the attached image below.
download (13).png

Jake Bunce

XenForo moderator
Staff member
Admin CP -> Appearance -> Templates -> account_upgrades

Add the red code. You will see you can use the upgrade_id in the image path, so your images would be named 1.gif, 2.gif, 3.gif, etc.

<xen:title>{xen:phrase account_upgrades}</xen:title>

<xen:require css="account_upgrades.css" />

<xen:if is="{$available}">
	<div class="section">
		<h3 class="subHeading">{xen:phrase available_upgrades}</h3>
		<xen:foreach loop="$available" value="$upgrade">
			<li class="primaryContent">
				<img src="path/to/upgrades/{$upgrade.user_upgrade_id}.gif" style="float: left; margin-right: 10px;" />
				<div class="upgrade">					
					<form action="{$payPalUrl}" method="post" class="upgradeForm">
						<div class="cost">{$upgrade.costPhrase}</div>
						<xen:if is="{$upgrade.length_unit} AND {$upgrade.recurring}">
							<input type="hidden" name="cmd" value="_xclick-subscriptions" />
							<input type="hidden" name="a3" value="{$upgrade.cost_amount}" />
							<input type="hidden" name="p3" value="{$upgrade.length_amount}" />
							<input type="hidden" name="t3" value="{$upgrade.lengthUnitPP}" />
							<input type="hidden" name="src" value="1" />
							<input type="hidden" name="sra" value="1" />
							<input type="submit" value="{xen:phrase subscribe}" class="button" />
						<xen:else />