Bir türlü çözüm bulamadıgım bir konuda yardımlarınızı bekliyorum.
Örneğin hizmetler sayfasında aktif veya pasif hizmetleri table içinde değilde aşağıdaki resimdeki gibi tek tek nasıl gösterebilirim.

Şimdiden teşekkürler.
8
●582
{foreach key=num item=service from=$services}
<tr onclick="clickableSafeRedirect(event, 'clientarea.php?action=productdetails&id={$service.id}', false)">
<td><strong>{$service.product}</strong>{if $service.domain}<br /><a href="http://{$service.domain}" target="_blank">{$service.domain}</a>{/if}</td>
<td class="text-center">{$service.amount}<br />{$service.billingcycle}</td>
<td class="text-center"><span class="hidden">{$service.normalisedNextDueDate}</span>{$service.nextduedate}</td>
<td class="text-center"><span class="label status status-{$service.status|strtolower}">{$service.statustext}</span></td>
<td class="responsive-edit-button" style="display: none;">
<a href="clientarea.php?action=productdetails&id={$service.id}" class="btn btn-block btn-info">
{$LANG.manageproduct}
</a>
</td>
</tr>
{/foreach}Üzerinde ve altında yer alan table kodunu silerek şöyle yapmanız gerekli:{foreach key=num item=service from=$services}
<div class="col-md-3" onclick="clickableSafeRedirect(event, 'clientarea.php?action=productdetails&id={$service.id}', false)">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-filter"></i> <strong>{$service.product}</strong>{if $service.domain}<br /><a href="http://{$service.domain}" target="_blank">{$service.domain}</a>{/if}</h3>
</div>
<table class="table table-bordered">
<tbody>
<tr>
<td><strong>Tutar</strong></td>
<td>{$service.amount}</td>
</tr>
<tr>
<td><strong>Ödeme Döngüsü</strong></td>
<td>{$service.billingcycle}</td>
</tr>
{if $service.nextduedate neq ""}
<tr>
<td><strong>Sonraki Ödeme Tarihi</strong></td>
<td><span class="hidden">{$service.normalisedNextDueDate}</span>{$service.nextduedate}</td>
</tr>
{/if}
<tr>
<td><strong>Hizmet Durumu</strong></td>
<td><span class="label status status-{$service.status|strtolower}">{$service.statustext}</span></td>
</tr>
<tr>
<td>Detaylar</td>
<td><a href="clientarea.php?action=productdetails&id={$service.id}" class="btn btn-block btn-info">{$LANG.manageproduct}</a></td>
</tr>
</tbody>
</table>
</div>
{/foreach}{include file="$template/includes/tablelist.tpl" tableName="ServicesList" filterColumn="3"}
<div class="table-container clearfix">
{foreach key=num item=service from=$services}
<div class="col-md-3" onclick="clickableSafeRedirect(event, 'clientarea.php?action=productdetails&id={$service.id}', false)">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-filter"></i> <strong>{$service.product}</strong>{if $service.domain}<br /><a href="http://{$service.domain}" target="_blank">{$service.domain}</a>{/if}</h3>
</div>
<table class="table table-bordered">
<tbody>
<tr>
<td><strong>Tutar</strong></td>
<td>{$service.amount}</td>
</tr>
<tr>
<td><strong>Ödeme Döngüsü</strong></td>
<td>{$service.billingcycle}</td>
</tr>
{if $service.nextduedate neq ""}
<tr>
<td><strong>Sonraki Ödeme Tarihi</strong></td>
<td><span class="hidden">{$service.normalisedNextDueDate}</span>{$service.nextduedate}</td>
</tr>
{/if}
<tr>
<td><strong>Hizmet Durumu</strong></td>
<td><span class="label status status-{$service.status|strtolower}">{$service.statustext}</span></td>
</tr>
<tr>
<td>Detaylar</td>
<td><a href="clientarea.php?action=productdetails&id={$service.id}" class="btn btn-block btn-info">{$LANG.manageproduct}</a></td>
</tr>
</tbody>
</table>
</div>
{/foreach}
</div> 
<br />
<div class="row">
<div class="col-md-12">
<div class="widget box">
<div class="widget-header">
<h4><i class="icon-reorder"></i> {$LANG.clientareaproducts}</h4>
<div class="toolbar no-padding">
<div class="btn-group">
<span class="btn btn-xs widget-collapse"><i class="icon-angle-down"></i></span>
<span class="btn btn-xs widget-refresh"><i class="icon-refresh"></i></span>
</div>
</div>
</div>
<div class="widget-content no-padding">
<table class="table table-striped table-bordered table-hover table-checkable table-responsive datatable">
<thead>
<tr>
<th{if $orderby eq "product"} class="headerSort{$sort}"{/if}><a href="clientarea.php?action=products{if $q}&q={$q}{/if}&orderby=product">{$LANG.orderproduct}</a></th>
<th{if $orderby eq "price"} class="headerSort{$sort}"{/if}><a href="clientarea.php?action=products{if $q}&q={$q}{/if}&orderby=price">{$LANG.orderprice}</a></th>
<th{if $orderby eq "billingcycle"} class="headerSort{$sort}"{/if}><a href="clientarea.php?action=products{if $q}&q={$q}{/if}&orderby=billingcycle">{$LANG.orderbillingcycle}</a></th>
<th{if $orderby eq "nextduedate"} class="headerSort{$sort}"{/if}><a href="clientarea.php?action=products{if $q}&q={$q}{/if}&orderby=nextduedate">{$LANG.clientareahostingnextduedate}</a></th>
<th{if $orderby eq "status"} class="headerSort{$sort}"{/if}><a href="clientarea.php?action=products{if $q}&q={$q}{/if}&orderby=status">{$LANG.clientareastatus}</a></th>
<th> </th>
</tr>
</thead>
<tbody>
{foreach from=$services item=service}
<tr>
<td><strong>{$service.group} - {$service.product}</strong>{if $service.domain}<br /><a href="http://{$service.domain}" target="_blank">{$service.domain}</a>{/if}</td>
<td>{$service.amount}</td>
<td>{$service.billingcycle}</td>
<td>{$service.nextduedate}</td>
<td><span class="label label-{if $service.rawstatus == 'pending'}primary{elseif $service.rawstatus == 'suspended'}danger{elseif $service.rawstatus == 'terminated'}danger{elseif $service.rawstatus == 'active'}success{elseif $service.rawstatus == 'cancelled'}warning{elseif $service.rawstatus == 'fraud'}danger{/if}">{$service.statustext}</span></td>
<td>
<div class="btn-group">
<a class="btn btn-danger" href="clientarea.php?action=productdetails&id={$service.id}"> <i class="icon icon-list-alt"></i> {$LANG.clientareaviewdetails}</a>
{if $service.rawstatus == "active" && ($service.downloads || $service.addons || $service.packagesupgrade || $service.showcancelbutton)}
<a class="btn dropdown-toggle btn-danger" href="#" data-toggle="dropdown"><span class="caret"></span></a>
<ul class="dropdown-menu">
{if $service.downloads} <li><a href="clientarea.php?action=productdetails&id={$service.id}#tab3"><i class="icon-download"></i> {$LANG.downloadstitle}</a></li>{/if}
{if $service.addons} <li><a href="clientarea.php?action=productdetails&id={$service.id}#tab4"><i class="icon-th-large"></i> {$LANG.clientareahostingaddons}</a></li>{/if}
{if $service.packagesupgrade} <li><a href="upgrade.php?type=package&id={$service.id}#tab3"><i class="icon-resize-vertical"></i> {$LANG.upgradedowngradepackage}</a></li>{/if}
{if ($service.addons || $service.downloads || $service.packagesupgrade) && $service.showcancelbutton} <li class="divider"></li>{/if}
{if $service.showcancelbutton} <li><a href="clientarea.php?action=cancel&id={$service.id}"><i class="icon-off"></i> {$LANG.clientareacancelrequestbutton}</a></li>{/if}
</ul>
{/if}
</div>
</td>
</tr>
{foreachelse}
<tr>
<td colspan="6">{$LANG.norecordsfound}</td>
</tr>
{/foreach}
<tfoot>
<tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<ul class="pagination pull-right">
<li class="prev{if !$prevpage} disabled{/if}"><a href="{if $prevpage}clientarea.php?action=products{if $q}&q={$q}{/if}&page={$prevpage}{else}javascript:return false;{/if}">← {$LANG.previouspage}</a></li>
<li class="next{if !$nextpage} disabled{/if}"><a href="{if $nextpage}clientarea.php?action=products{if $q}&q={$q}{/if}&page={$nextpage}{else}javascript:return false;{/if}">{$LANG.nextpage} →</a></li>
</ul>