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

User Upgrade Images

Discussion in 'Styling and Customization Questions' started by Liam23, Aug 9, 2012.

  1. Liam23

    Liam23 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
  2. Jake Bunce

    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 />
    surfsup and Liam23 like this.
  3. @Jake Bunce is this the same for 1.2? As I attempted it and it didn't show up with any images?
  4. Jeremy

    Jeremy Well-Known Member

    Yes, the code should work.

Share This Page