Theme Six Client Area Template – Clientareaproducts.tpl

VERSIONS 1.4 AND ABOVE

To add product images to the list of active products/services (/templates/{template}/clientareaproducts.tpl) for your active client area template, complete the following steps:


Look for the following code:


{foreach key=num item=service from=$services}

 <tr onclick="clickableSafeRedirect(event, 'clientarea.php?action=productdetails&amp;id={$service.id}', false)">

 <td> [code will go here] <strong>{$service.product}</strong>{if $service.domain}<br /><a href="http://{$service.domain}" target="_blank">{$service.domain}</a>{/if}</td>


In between <td> and <strong>{$service.product}</strong>, insert the following code:


<div style="float: left; padding-right:5px;">
<div class="productimage-wrapper" style="margin: 0; border: 5px solid #fff; width:85px; height:85px;"> <!--Note: Wrapper width/height should equal double the border width/height plus the image width/height.-->
{if $productimageid["product"][$productimage[$service.id].packageid]|@count < 2}
<img id="{$productimageid["product"][$productimage[$service.id].packageid][0]}" src="modules/addons/productimage/product_images/{$productimageid["product"][$productimage[$service.id].packageid][0]}.png" style="width: 75px; height: 75px;" onerror="productImageError(this);">
{else}
<div class="jcarousel-auto">
<ul>
{foreach $productimageid["product"][$productimage[$service.id].packageid] as $image}
<li><img id="{$image}" src="modules/addons/productimage/product_images/{$image}.png" style="width: 75px; height: 75px;" onerror="productImageError(this);"></li>
{/foreach}
</ul>
</div>
{/if}
</div>
</div>


Note: You can style this as necessary to match your current template. 

 

 

VERSIONS 1.3.4 TO 1.3.7

To add product images to the list of active products/services (/templates/{template}/clientareaproducts.tpl) for your active client area template, complete the following steps:


Look for the following code:


{foreach key=num item=service from=$services}

 <tr onclick="clickableSafeRedirect(event, 'clientarea.php?action=productdetails&amp;id={$service.id}', false)">

 <td> [code will go here] <strong>{$service.product}</strong>{if $service.domain}<br /><a href="http://{$service.domain}" target="_blank">{$service.domain}</a>{/if}</td>


In between <td> and <strong>{$service.product}</strong>, insert the following code:


<img src="modules/addons/productimage/product_images/{$productimage[$service.id].packageid}.png" align="left" style="height: 75px; padding-right: 5px; padding-bottom: 5px; vertical-align: top;" onerror="productImageError(this);">


Note: You can style this as necessary to match your current template. 

 


VERSIONS 1.3.3 AND BELOW

The Product Image Module cannot be displayed on the clientareaproducts.tpl file below version 1.3.4.

Was this answer helpful?

 Print this Article

Also Read

Theme Six Client Area Template – Clientareaproductdetails.tpl

VERSIONS 1.4 AND ABOVETo replace the default image that appears on the client area product...

Customization of jCarousel (Image Carousel and Scrolling)

In Product Image Module versions 1.4 and above, components of the jQuery plugin jCarousel have...

Server Modules with an overview.tpl File

Some server modules use a custom file called overview.tpl (located in...

*Required* - Add Code to footer.tpl

VERSION 1.4 AND ABOVEAdd the following code directly above the line {$footeroutput} in the...

*Required* - Add Code to header.tpl

VERSION 1.4 AND ABOVEAdd the following code to the <head></head> section of the...