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.

  • 5 Users Found This Useful
Was this answer helpful?

Related Articles

*Required* - Add Code to footer.tpl

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

Customization of jCarousel (Image Carousel and Scrolling)

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

*Required* - Add Code to header.tpl

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

Theme Six Client Area Template – Clientareaproductdetails.tpl

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

Server Modules with an overview.tpl File

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