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

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:

wenn ajaxsearch nicht installiert ist zusätzlich noch

Code:

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