zufällig wechselnde Artikel mit ajax (auch auf statischen Seiten)

dobra · Januar 15, 2010, 20:53:35

Hallo,

das "wechselnder Artikelinhalt der Eingangsseite" mit __random::randomize__ ist ja eine serverseitige Anwendung und funktioniert daher nicht auf statischen Seiten.

Mit Ajax funktioniert's auch auf den statischen :)
kann auf der Startseite oder auch jeder anderen Seite verwendet werden.
Beispiel: http://www.shoppilot.at/Demo_Funktions-Shop/

so geht's:
(der"ajax" Ordner muß im Shop Projekt vorhanden sein - s. http://www.shoppilot.net/pf/index.php?topic=1371.msg4860#msg4860)

den angehangenen Ordner entpacken und die 3 Dateien (ajax_random.html, ajax_random.ipl und ajax_random.js) in den ajax-Ordner kopieren

ajax_random.ipl und ajax_random.js in die "Dateien hinzufügen" Liste eintragen

Im WC eine neue Infoseite anlegen

Titel: beliebig
Vorlage: hier ajax_random.html eintragen

(Seitennummer wird später benötigt)

Die Artikel die zur zufälligen Anzeige zur Auswahl stehen sollen als Verknüpfung auf eine beliebigen Seite*) (Infoseite) kopieren.

(beliebig viele - es sollten aber mindestens doppelt so viele sein, wie angezeigt werden sollen)

Eintäge in der HTML-Vorlage (wo die zufälligen Artikel angezeigt werden sollen):

im head-Bereich:

Code [Auswählen]

<script type="text/javascript">
 // Server-URL für die Ajax-Abfragen
 var myinterfacerandom = "__xxpath__?ajax1200001270,__xxsession__"; ###1200001270 -> hier die Seitennummer der neuen Infoseite eintragen
</script>

<script type="text/javascript" src="../ajax/ajax_random.js"></script>

wenn ajaxsearch nicht installiert ist zusätzlich noch

Code [Auswählen]

		<script type="text/javascript" src="../ajax/json.js"></script>
		<script type="text/javascript" src="../ajax/http/Request.js"></script>

im body-tag:
<body onload="myrandom('1200001270');"> ### 1200001270 = die Seitennummer*) auf der die Artikel zur Auswahl liegen

an der Stelle, an der die zufälligen Artikel ausgegeben werden sollen
<div id="random1"> </div>

soll für die Besucher, die JS deaktivier haben, die "alte" randomize Anzeige ausgegeben werden, kann man hier noch
<noscript>
   __randomitem::randomize__ __randomitem::test__
   __randomitem::randomize__ __randomitem::test__
   ...
(= Beispiel -> was hier steht, wird Besuchern angezeigt, die ohne JS unterwegs sind)
</noscript>
einfügen.

ajax_random.ipl anpassen

dazu die Datei mit beliebigem HTML-Editor öffnen

my $anzahl = 7;
hier wird die Anzahl der Artikel die angezeigt werden sollen eingetragen

HTML Ausgabe anpassen
alles was zwischen
qq| und |;
steht, ist normaler HTML-Code und kann beliebig angepasst werden.

   $result{_random1} .= qq|
         <div class="randombox" style="float:left; margin: 10px;">
            <div class="header"> $produkt_short </div>
            <div class="randomcontent">
               $imglink
               ...
            </div>
         </div>
         |;

Shop veröffentlichen und StaticBuilder anwerfen

zufällig wechselnde Artikel mit ajax (auch auf statischen Seiten)

dobra