- Ga naar de template file van de pagina bijvoorbeeld index.php in de map /public/templates/content/
- Ga naar het stukje code waar de banner is geplaatst deze kan er als volgt uitzien:
<div class="header">
<ul>
<li>
<img src="pict.jpg"/>
</li>
<li>
<img src="pict2.jpg"/>
</li>
</ul>
</div>
- Vervang de bovenstaande code met de volgende tag {banners.top=@header.tpl} laten we de tag eens ontleden
{ Start van de tesla tag
Banners Geeft aan dat het om banners gaat
. Schijdingsteken voor banners
Top Geeft aan dat het om de banners gaat die gekoppeld zijn met de code “top”
=@ Geeft aan dat je 1 ding terug veracht namelijk de header
Header.tpl De naam van de template file
} Einde van tesla tag
- Sla het bestand nu op.
- Maak een bestand aan in de map components/banners en noem deze header.tpl
- Open header.tpl
- Plaats in dit bestand de niet herhaalbare html
- Vervang het herhaalbare html met de volgende tag {banners=image.tpl} laten we de tag eens ontleden
{ Start van de tesla tag
Banners Geeft aan dat het om banners gaat
= Geeft aan dat je meer dan 1 element vervangt namelijk meerdere images
Image.tpl De naam van de template file
} Einde van de tesla tag
- Sla het bestand op deze zou er nu als volgt moeten uitzien
<div class="header">
<ul>
{banners=image.tpl}
</ul>
</div>
- Maak een bestand aan in de map components/banners/elements en noem deze image.tpl
- Open het bestand hierin kan je de herhaalbare html plaatsen je kan gebruik maken van de volgende tags.
{$title} De opgegeven titel
{$content} De opgegeven omschrijving
{$link} De eventuele opgegeven link
{$file} De file naam van de banner
- Sla de file op deze moet er als volgt uitzien
<li>
<img src=”/media/{$file}” alt=”{$title}” />
</li>
Gefeliciteerd!!!! Je hebt nu je banners gekoppeld