By default the commission table on the affiliate program page supports multiple languages. In order to do this the structure is found in templates/your_template/affiliate-program.tpl and the text is located in the language file (/modules/addons/zomex_template_manager/lang/english.php). If you need to support multi-languages this is the recommended setup but it does make it more complex to edit/extend the commissions table.

If you only want to support 1 language the dynamic commissions table can be replaced with a static table that is made of HTML and easier to edit.

Replacing the table

To replace the table with the static HTML equivalent open templates/your_template/affiliate-program.tpl and replace:

<div class="table-responsive">
	
	<table>
	
		<tr>
			<th width="40%">{$LANG.affiliateprogram_commissions_th1}</th>
			<th width="30%">{$LANG.affiliateprogram_commissions_th2}</th>
			<th width="30%">{$LANG.affiliateprogram_commissions_th3}</th>
		</tr>
		
		<tr>
			<td colspan="3"><strong class="red">{$LANG.affiliateprogram_commissions_cat1}</strong></td>
		</tr>
		
			<tr>
				<td>{$LANG.affiliateprogram_commissions_plan1_title}</td>
				<td><strong>{$currency_prefix}{$LANG.affiliateprogram_commissions_plan1_commission}</strong></td>
				<td>{$currency_prefix}{$LANG.affiliateprogram_commissions_plan1_price}</td>
			</tr>
			
			<tr>
				<td>{$LANG.affiliateprogram_commissions_plan2_title}</td>
				<td><strong>{$currency_prefix}{$LANG.affiliateprogram_commissions_plan2_commission}</strong></td>
				<td>{$currency_prefix}{$LANG.affiliateprogram_commissions_plan2_price}</td>
			</tr>
			
			<tr>
				<td>{$LANG.affiliateprogram_commissions_plan3_title}</td>
				<td><strong>{$currency_prefix}{$LANG.affiliateprogram_commissions_plan3_commission}</strong></td>
				<td>{$currency_prefix}{$LANG.affiliateprogram_commissions_plan3_price}</td>
			</tr>	
			
		<tr>
			<td colspan="3"><strong class="red">{$LANG.affiliateprogram_commissions_cat2}</strong></td>
		</tr>				
		
			<tr>
				<td>{$LANG.affiliateprogram_commissions_plan4_title}</td>
				<td><strong>{$currency_prefix}{$LANG.affiliateprogram_commissions_plan4_commission}</strong></td>
				<td>{$currency_prefix}{$LANG.affiliateprogram_commissions_plan4_price}</td>
			</tr>
			
			<tr>
				<td>{$LANG.affiliateprogram_commissions_plan5_title}</td>
				<td><strong>{$currency_prefix}{$LANG.affiliateprogram_commissions_plan5_commission}</strong></td>
				<td>{$currency_prefix}{$LANG.affiliateprogram_commissions_plan5_price}</td>
			</tr>											
										
	</table>
		
</div><!-- .table-responsive -->

with:

<div class="table-responsive wow zoomInDown">
		
	<table>
	
		<tr>
			<th width="40%">Product/service</th>
			<th width="30%">Commission</th>
			<th width="30%">Price</th>
		</tr>
		
		<tr>
			<td colspan="3"><strong class="red">Shared Hosting</strong></td>
		</tr>
		
		<tr>
			<td>Shared 1</td>
			<td><strong>$1.00/month</strong></td>
			<td>$3.99/month</td>
		</tr>
		
		<tr>
			<td>Shared 2</td>
			<td><strong>$2.00/month</strong></td>
			<td>$6.99/month</td>
		</tr>
		
		<tr>
			<td>Shared 3</td>
			<td><strong>$3.00/month</strong></td>
			<td>$9.99/month</td>
		</tr>	
			
		<tr>
			<td colspan="3"><strong class="red">Reseller Hosting</strong></td>
		</tr>				
		
		<tr>
			<td>Reseller 1</td>
			<td><strong>$2.00/month</strong></td>
			<td>$6.99/month</td>
		</tr>
		
		<tr>
			<td>Reseller 2</td>
			<td><strong>$3.00/month</strong></td>
			<td>$9.99/month</td>
		</tr>											
										
	</table>
	
</div><!-- .table-responsive -->

This new table is much easier to edit as the text and structure are combined.

To add a new title duplicate the following HTML:

<tr>
	<td colspan="3"><strong class="red">Reseller Hosting</strong></td>
</tr>

To add a new plan/commission duplicate the following HTML:

<tr>
	<td>Reseller 2</td>
	<td><strong>$3.00/month</strong></td>
	<td>$9.99/month</td>
</tr>

Comments

If you have any questions please leave a comment below or contact our support.