EPizza Suite Professional - Template Guidelines (skabeloner)

ePizza Suite Professional - Oprettelse af nye templates

ePizza Suite Professional understøtter oprettelse af nye templates (skabeloner). Du kan frit oprette dine egne templates og tilføje dem til din hjemmeside. Vi kan også lave nye templates (design) til dig.

Introduktion

ePizza Suite Professional bruger Smarty template engine. Du kan læse mere om Smarty template engine her:
http://www.smarty.net/docs/en/

Kom godt i gang
Start med at lave dit design uden at tænker over integration med ePizza Suite Pro. Det er den nemmeste måde at komme godt i gang. Lav et statisk design, med billeder, menuer mv. Når du er færdig med dit statisk design, erstat menuen med ePizza Suite menu kode, navigation med ePizza Suite navigation kode mv.

Der skal som minimum oprettes 3 HTML filer. INDEX.html, HEADER.html og FOOTER.html. Index.html skal indeholde alt hvad der skal vises på forsiden. Systemet håndterer automatisk alle andre sider og indsætter indhold mellem header.html og footer.html.
Header.html skal indeholde øverste del og footer.html indeholde nederste del af hjemmesiden. Alt ind i mellem header og footer, indlæses automatisk.

Alt ind i mellem header og footer, læses automatisk men du kan også ændre de filer. Du skal blot logind i administration og under Andre og derefter Sider. Der inde, kan du se liste og alle template filer inkl. standard template filer. Du kan enten ændre på filerne eller kopier indhold og oprette en fil ved hjælp af FTP klient, uploade filen til din template folderen.

Fil navn skal hedder <Side title>.html og skal placeres under din template folderen sammen med header.html, footer.html og index.html.

Følgende er koder som får du brug for når du opretter en ny template.

HTML Header

Følgende afsnit beskriver hvad din HTML Head skal indeholde, bla. standard Javascript og CSS filer som ePizza Suite bruger.

Lige før </head> indsæt følgende kode:

{$headerJavascript}

Ovenstående er vigtigt så CMS systemet kan indlæse standard JavaScript filer automatisk i din template når der bruge for dem.

Cascading Style Sheets - CSS

Husk at indsætte følgende CSS filer i HEAD på alle HTML sider. Følgende CSS filer indeholder standard styles for hele CMS systemet som du kan nemt overskrive senere.

<link rel="stylesheet" type="text/css" href="views/css/layout.css?ver={$CSSVersion}" />
<link rel="stylesheet" type="text/css" href="views/css/styles.css?ver={$CSSVersion}" />
<link rel="stylesheet" type="text/css" href="views/css/standard.css?ver={$CSSVersion}" />
<link rel="stylesheet" type="text/css" href="views/css/standard_epizza.css?ver={$CSSVersion}" />

<link href="js/colorbox/colorbox.css?ver={$CSSVersion}" rel="stylesheet" type="text/css" />

Javascript

Husk at indsætte følgende JavaScript filer i HEAD på alle HTML sider. Følgende JS filer indeholder standard JavaScript for hele CMS systemet.

<script src="js/jquery/jquery-1.4.2.min.js?ver={$JSVersion}" type="text/javascript"></script>
<script src="js/jquery/jquery-ui-1.8.2.custom.min.js?ver={$JSVersion}" type="text/javascript"></script>
<script src="js/colorbox/jquery.colorbox-min_1_3_9.js?ver={$JSVersion}" type="text/javascript"></script>
<script src="js/formChecker.js?ver={$JSVersion}" type="text/javascript"></script>

<script src="js/general.js?ver={$JSVersion}" type="text/javascript"></script>

Generelle kode

Generelle koder kan bruges hvor som helst i ePizza Suite Pro sider. Du skal blot indsætte koden i din HTML der hvor det skal vises.

{$menuCategories} indeholde alle dine kategorier og variablen er en object klasse og skal bruges således
Kategori ID: {$menuCategories->getId()}
Kategori navn: {$menuCategories->getName()}
Kategori beskrivelse: {$menuCategories->getDescription()}
Kategori sortering: {$menuCategories->getViewOrder()}
Kategori status tilstand - Aktiv eller ikke aktiv: {$menuCategories->getActive()}

Følgende koder udskriver dagens antal minutter for udbringning og afhentning.

{$deliveryTime}
{$collectTime}

Forretning oplysninger

{$shop} indeholde alle oplysninger om forretning og variablen er en object klasse og skal bruges således
Forretning navn: {$shop->getShopName()}
Forretning vejnavn og nr.: {$shop->getShopStreet()}
Forretning postnummer: {$shop->getShopZip()}
Forretning by: {$shop->getShopCity()}
Forretning telefonnummer 1: {$shop->getShopPhone1()}
Forretning telefonnummer 2: {$shop->getShopPhone2()}
Forretning e-mail: {$shop->getShopEmail()}
Forretning CVR: {$shop->getShopCvr()}
Forretning web adresse: {$shop->getShopUrl()}

Virksomhed ID for smiley ordning

{$virkId}

Forside

Forsiden har følgende koder som du kan bruge

{$frontPageText}

FrontpageText indlæse forside tekst.

Navigation

ePizza Suite Pro har egne indbygget standard sider, bla. menu side, indkøbskurv side, kontakt side mv. Du har også mulighed at oprette din egne sider i administration og det bliver tilføjet til navigation menu automatisk hvis dette er valgt under oprettelsen af siden.

I denne eksampel, bruger vi unordered list UL. Du kan bruge hvad som helst, div eller table.

<ul>
  {if $pages ne ""}
    {foreach from=$pages item=page}
      {if $page->getMenuPlaceholder() == "top"}
	{if $page->getIsBuiltIn() == "1"}
	  <li><a href="{$page->getTitle()}.php" title="{$page->getMenuTitle()}" class="top-menu-item menu-{$page->getTitle()}{if $selectedNavigation == $page->getTitle()} selected{/if}">{$page->getMenuTitle()}</a></li>
        {else}
	  <li><a href="page.php?id={$page->getId()}" title="{$page->getMenuTitle()}" class="top-menu-item menu-{$page->getTitle()}{if $selectedNavigation eq $page->getMenuTitle()} selected{/if}">{$page->getMenuTitle()}</a></li>
        {/if}
      {/if}
    {/foreach}
   {/if}
   {if $loggedIn eq "1"}
      <li><a href="logout.php" class="top-menu-item menu-logout" title="Logaf">Logaf</a></li>
   {/if}
</ul>

Betalingskort

Her kan du automatisk indlæse korttype som forretning modtager.

<div>Vi modtager følgende kort:</div>
{foreach from=$cardsAccepted key=card item=i}
   <img src="{$i.image}" alt="{$i.label}" title="{$i.label}" style="margin-right: 2px;">
{/foreach}

Fodnote (Footer)

Det er en god ide at tilføje footer (fodnote) til alle dine HTML sider. Du kan gøre det ved at tilføje følgende kode nederst på dine sider hvor du har fodnote blok.

{$copyrights}

Funktioner

ePizza Suite Pro har nogle funktioner som kan bruges til at trækker eks. mest solgte produkter, tilfældig produkt, nyheder, anbefalinger mv. Denne afsnit beskrive disse funktioner i detaljer.