FEEDBACK
X
FEEDBACK

Er du tilfreds med indholdet i denne her guide?

Hvis ikke, så vil vi meget gerne høre dine kommentarer.

Skriv dem herunder, så gør vi det bedste, vi kan for at forbedre manualen.

Tak for din kommentar!

Send ny?

Dansk English

SmartWeb Help | Design Manager

2. Smarty-templates

Når du ønsker at designe din egen template i SmartWeb, er det vigtigt at kende til følgende begreber:
 
  1. Smarty
  2. Templates
  3. Template variable
  4. Template filtre
  5. Template logik


Smarty
Smarty er et simpelt programmeringssprog der fortæller hvad SmartWeb skal gøre. Det benyttes sammen med HTML, CSS og Javascript. Et Smarty tag skrives således:
  • {$smarty-tag}

F.eks. kan Smarty benyttes til at skrive webløsningens navn i templaten:
  • <h1>{$ContactData.name}</h1>

ContactData.name er en template variabel.


Templates
Templates styrer udseendet på din webløsning og det data der vises på den. I første omgang er der åbnet op for adgang til ”frontend.tpl”, som styrer udseendet på hele webløsningen. Det er muligt at lave sub-templates hertil, altså templates der inkluderes i frontend.tpl.  Det er også muligt at lave templates der inkluderes på udvalgte sider i sidetræet.
Der er også adgang til modul-templates som produktlisten og produktvisningen.
Template-filer ender altid på .tpl.

Læs mere


Template variable
Variable er dynamisk data som kan bruges i templaten. Nogle eksempler på populære variabler er:
  • {$Page.headline} – returnerer overskrift for den aktuelle side
  • {$Design.logo} – returnerer logo for webløsningen
  • {$Modules.search} – returnerer søgemodul

Læs mere


Template filtre
Filtre manipulerer data i en variabel. F.eks. kan en tekststreng {$dette-er-en-tekststreng} blive manipuleret ved at benytte filtret ”truncate”:
  • {$dette-er-en-tekststreng|truncate:10}

Giver outputtet:
  • ”dette-er-e...”

Læs mere


Template logik
Logik benyttes til at lave programmatiske udsagn. F.eks. kan det være nødvendigt at have en forside uden venstrekolonne, mens den vises på undersider. Dertil kan bruges et logisk udsagn:
{if $Page.isFrontPage}
    <div id="RightColumn"> </div>
{/if}

Der findes forskellige typer af logiske udsagn.

Læs mere
 

Læs mere:

2.1 Templates

2.2 Template variable

2.3 Template filtre

2.4 Template logik

2.5. Variabelliste