Modezine API

(Currently only available in Swedish)

Modezine API (MZ API) är en sökfunktion för märkeskläder som du kan integrera på din webbplats eller blogg.
MZ API är helt dynamiskt och kan integreras på alla typer av webbplatser, oavsätt färg, form, innehåll och bakomliggande teknik.

MZ API kan anpassas fullt ut för att passa in i din layout och design.
Med CSS kan du ändra allt i från höjd och bredd till färger och typsnitt, och med de extra parametrar som finns tillgängliga kan du anpassa basinställningar som exempelvis antal resultat och bildstorlek.


Dokumentation

Integration

Design

Anpassning

Exempel

Basexempel

Exempel med CSS design

Exempel med anpassat utförande

Integration

Att integrera MZ API på din webbsida eller blogg är enkelt. Så här gör du:

  1. Lägg in <script type="text/javascript" src="http://modezine.com/api/v1/"></script> mellan <head> och </head> för att inkludera MZ API på din webbsida.

  2. Skapa en divider med ett unikt id, exempelvis <div id="mz"></div>, och placera detta där du vill att ditt MZ API ska synas.
    Sökrutan och sökresultaten kommer att skrivas ut i den divider du skapar.

  3. Placera nedanstående javascript-kod någonstans efter den divider du skapat under punkt 2.

    <script type="text/javascript">	
    	var mz = new mzApi('mz');
    	mz.search('klänningar');
    </script>
  4. En ny instans av MZ API skapas genom var mz = new mzApi('mz');.
    Värdet 'mz' refererar till den divider där sökrutan och sökresultaten ska skrivas ut.

    En initial sökning görs genom mz.search('klänningar');, i detta fall efter klänningar.


Kod exempel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>MZ API exempel</title>
<script type="text/javascript" src="http://modezine.com/api/v1/"></script>
</head>

<body>
<div id="mz"></div>
<script type="text/javascript">
	var mz = new mzApi('mz');
	mz.search('klänningar');
</script>
</body>
</html>

Se exempel


Gå till toppen

Design

Du kan ändra utseendet genom CSS för att få MZ API att smälta in i din existerande design.
Du kan ändra allt från höjd och bredd till färger och typsnitt.


Se exempel


Gå till toppen

Anpassning

Du kan enkelt anpassa MZ API efter dina behov genom de extra parametrar som syns nedan.


Struktur:

mzApi('mz',<antal resultat>,<bildstorlek>,<text>,<sökfält>);

Parameter

Beskrivning

Värden

<antal resultat>

Antal sökresultat som visas

Minst 1, max 50

<bildstorlek>

Anger vilken storlek på bilder som ska visas

s (= small, 70x90px), m (= medium, 140x190px), l (= large, 280x380px)

<text>

Anger hurvida text ska skrivas ut eller inte

1 (= text), 0 (= ingen text)

<sökfält>

Anger hurvida sökfältet ska visas eller inte

1 (= sökfält), 0 (= inget sökfält)


Kod exempel:

<script type="text/javascript">
	var mz = new mzApi('mz',10,'s',0,1);
	mz.search('klädestoppar');
</script>

Se exempel


Gå till toppen


© Modezine 2008