Temanızın içerisinden clientareaproducts.tpl dosyasını bir kod düzenleyicisi ile açın.

six temasında örnek olarak bu şekilde yer almaktadır ürün listeme döngüsü:

            {foreach key=num item=service from=$services}
                <tr onclick="clickableSafeRedirect(event, 'clientarea.php?action=productdetails&amp;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&amp;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&amp;id={$service.id}', false)">
	<div class="panel-heading">
		<h3 class="panel-title"><i class="fa fa-filter"></i>&nbsp;<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&amp;id={$service.id}" class="btn btn-block btn-info">{$LANG.manageproduct}</a></td>
			</tr>
		</tbody>
	</table>
</div>
{/foreach}

six teması için tamamlanmış örnek kod:

{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&amp;id={$service.id}', false)">
	<div class="panel-heading">
		<h3 class="panel-title"><i class="fa fa-filter"></i>&nbsp;<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&amp;id={$service.id}" class="btn btn-block btn-info">{$LANG.manageproduct}</a></td>
			</tr>
		</tbody>
	</table>
</div>
{/foreach}
</div>