Hopp til innhold

Brukerveiledning til Mekke-maler

Brukerdata

Disse inneholder tekst tatt direkte fra publiseringsverktøyet. Alle disse kan endres enkelet av kunden.
Om disse skal brukes til footer, så bør man heller bruke $FOOTER-variabelen, da denne automatisk fjerner/legger til verdiene kunden har fylt ut, så man unngår tomme felt.

<?=$name?>        :Firmanavn
<?=$email?>       :E-post
<?=$address?>     :Adresse
<?=$zip?>         :Postnr. og -sted
<?=$phone?>       :Telefonnummer
<?=$fax?>         :Faksnummer
<?=$address2?>    :Alt. addresse
<?=$zip2?>        :Alt. postnr. og -sted
<?=$phone?>       :Alt. telefonnummer
<?=$fax2?>        :Alt. faksnummer
<?=$extra_text?>  :Felles infotekst

Bildedata

Disse bør brukes for statiske bilder som kunden evt. vil kunne ha muligheten til å oppdatere i framtiden. De lagres/oppdateres enkelt via menypunktet 'Logo' i mekke-administrasjonen.

<?=$logo?>        :Hovedlogo
<?=$logo2?>
<?=$logo3?>

Disse variablene inneholder HTML kode for å vise bildet, inkludert link. Linken er også definérbar via administrasjonspanelet.

$logo kan f.eks. inneholde <a href="/"><img src="/path/to/image.jpg"></a>.

Om man bare vil ha tak i linken (det som ligger innenfor href-attributtet), kan man bruke $logolink, $logo2link og $logo3link.

Dynamisk data

Disse variablene blir generert automatisk av mekke.

<?=$title?>       :Tittel på siden inkl. hjemmeside/firmanavn (for <title> taggen)
<?=$page_title?>  :Tittel på siden (kan brukes med f.eks. <h1>)
<?=$menu?>        :Menyen
<?=$content?>     :Sideinnhold
<?=$FOOTER?>      :Standard footer

Statisk data

<?=$bigger_fonts?>     : Legger til tre knapper som kan brukes til å justere font-størrelse på sidene.

Bilder i templaten

Hvis det skal settes inn bilder i malen, må man bruke variabelen $graphics_dir foran bildenavnet. Et par eksempler:
<img src="/bilder/bkgr4.jpg">
blir til:
<img src="<?=$graphics_dir?>/bilder/bkgr4.jpg">
<IMG src="bkgr4.jpg" WIDTH="530" HEIGHT="120" ALIGN="BOTTOM" BORDER="0" NATURALSIZEFLAG="3">
blir til:
<IMG src="<?=$graphics_dir?>/bkgr4.jpg" WIDTH="530" HEIGHT="120" ALIGN="BOTTOM" BORDER="0" NATURALSIZEFLAG="3">

Utskriftsvennlig side
Om malen skal inneholde en link til en utskriftsvennlig versjon av siden man er inne på, brukes $frontend->printsafe_link(). Om man bruker $FOOTER til å generere footeren, så inneholder denne allerede en slik link.
Eksempel:
<a href="<?=$frontend->printsafe_link()?>">Utskriftsvennlig versjon</a>
.. hvor da "Utskriftsvennlig versjon" kan byttes ut med for eksempel et ikon eller en annen tekst.

Kode for søk
<form method="POST" action="index.php"> 
<input type="text" name="search"> 
<input type="submit">
</form>

Meta-tagger (Til søkeoptimalisering)
For å inkludere META keywords/description brukes $head_extras. Legg dette inn et sted i <head>, f.eks:

<head> 
<title><?=$title?></title> 
<?=$head_extras?>
</head>

Meny på toppen:
Her er malen:
ul#mainmekkemenu li { 
display: inline; 
padding-left: 8px; 
padding-right: 8px;
}

"display: inline;" som gjør den vertikal; resten kan justeres. Legg inn color: #fargekode; og font-size: <tall>px; osv for å formattere menyen.

Meny med "mouse-over"-funksjon
ul#mainmekkemenu li {
float: left;
margin-right: 10px;
}

ul#mainmekkemenu li a {
color: black;
text-decoration: none;
display: block;
padding: 6px;
padding-left: 12px;
padding-right: 12px;
}

/* Gjør så det blir svart når man er inne på dette menypunktet, eller har musa over linken */ ul#mainmekkemenu li.menu-selected, ul#mainmekkemenu li:hover {
background-color: black;
}

/* Gjør så teksten blir hvit da også */
ul#mainmekkemenu li.menu-selected a,
ul#mainmekkemenu li:hover a {
color: white;
}

Ekstra produktkategori meny
For å lage en liste med linker til kategoriene fra Varer-modulen, kan man legge til følgende kode:

<?php
$cats = $frontend->product_categories($user_id);
foreach ($cats as $cat) {
printf('<li><a href="/produkter.html#%s">%s</a></li>',
$cat, $cat);
}
?>

Del denne siden med andre!

Share on FacebookShare on Twitter