Start page / Tutorials / First project / Using databases / Editing table templates / Output in HTML

Defining output in HTML

The "HTML" tab of the table template is where you specify how the individual datasets that are to be added using this table template are to look on the website. The individual products should just be clearly listed with one below the next.

To display the product images in a uniform width of 160 pixels, the "TextBildTeaser" resolution must first be defined in the project properties. Here is where you will define a width of 160 pixels and a height of 0 pixels.

Defining HTML output for "Products"

<CMS_HEADER>
</CMS_HEADER>

<div class="clearfix">
<table>
<tr>
$CMS_IF(!cs_name.isEmpty)$
<h2 class="text5">$CMS_VALUE(cs_name)$</h2>
$CMS_END_IF$
$CMS_VALUE(cs_categorie.dataset.formData.cs_categorie_name)$
<th>
$CMS_IF(!(cs_picture.isEmpty))$
<img src="$CMS_REF(cs_picture,res:"TextBildTeaser")$"
width="$CMS_VALUE(ref(cs_picture,res:"TextBildTeaser").width)$" />
$CMS_END_IF$
</th>
<td>
$CMS_VALUE(cs_description)$
</td>
</tr>
</table>
</div>

© 2005 - 2024 Crownpeak Technology GmbH | All rights reserved. | FirstSpirit 2024.13 | Data privacy