In der JavaScript-Datei ws_design_for_vertical_comparison.js finden Sie das benötigte JavaScript für die vertikale Anzeige des Produktvergleichs. Dieses JavaScript sorgt für den Zusammenbau der Tabelle.
Wegweiser: Produktvergleich
Fügen Sie dieses Script in Ihre Designkomponente ein.
Wegweiser: WEBSALE JavaScript-Bibliothek
// Bitte fügen Sie diesen Bereich in Ihre ws_design-X.X.X.js ein ////////////////////////////////////////////////////////////////////////////////////////// // Allgemein: "DIV-Container bei aktiviertem Javascript einblenden" // ////////////////////////////////////////////////////////////////////////////////////////// //Alle DIV-Container mit dieser Klasse werden automatisch eingeblendet, nachdem die Seite geladen ist //Die DIV-Container müssen dabei den style "display: none" besitzen var ws_JSOnlyClass = 'jsonly'; ////////////////////////////////////////////////////////////////////////////////////////// // Modul: "Produktvergleich" // ////////////////////////////////////////////////////////////////////////////////////////// //Anhand der nachfolgenden Parameter lässt sich das Verhalten des Produktvergleichs konfigurieren //Der DIV-Container, in dem der Inhalt des Layers (Produktvergleich) angezeigt wird (Kategorie/Produkt) var ws_PRCAjaxDivContent = 'PC-Content'; //Klassenname der Links zum Anzeigen des Produktvergleichs //Dieser DIV-Container muss einmal auf jedem Template vorhanden sein, auf dem der Produktvergleich angezeigt wird. var ws_PRCShowProductCompareClass = 'PRC-Show'; //Der DIV-Container mit dieser ID wird eingeblendet, wenn eine Hinweismeldung angezeigt wird: //z. B., wenn keine weiteren Produkte zum Produktvergleich hinzugefügt werden können (Kategorie) var ws_PRCAlertDiv = 'PC-Alert'; //In den DIV-Container mit dieser ID wird der Hinweistext eingefügt (Kategorie) var ws_PRCAlertTextDiv = 'PC-Alert-Message'; //Ist dieser Schalter auf true gesetzt, wird der Inhalt des Produktvergleichs per JavaScript um 90 Grad gedreht. var ws_PRCRotate = true; //Anfang- und Endekennungen der Daten- und Template-Sektion im Template, welches per AJAX zurückgegeben wird var ws_PRCRotateDataBegin = '<data>'; var ws_PRCRotateDataEnd = '</data>'; var ws_PRCRotateTemplateBegin = '<template>'; var ws_PRCRotateTemplateEnd = '</template>'; //Feld- und Datensatztrenner der Datensektion var ws_PRCRotateDataFieldSeparator = '<df>'; var ws_PRCRotateDataRowSeparator = '<dr>'; //Konfiguration der Ausgabetabelle var ws_PRCRotateTableClass = 'PRC-Table'; var ws_PRCRotateTableID = 'PRC-Table'; var ws_PRCRotateTableTRClasses = [ 'PRC-TR1', 'PRC-TR2' ]; //Array mit beliebiger Anzahl an Klassen var ws_PRCRotateTableTDHeaderClasses = [ 'PRC-TDHeader1', 'PRC-TDHeader2' ]; //Array mit beliebiger Anzahl an Klassen var ws_PRCRotateTableTDClasses = [ 'PRC-TD1', 'PRC-TD2' ]; //Array mit beliebiger Anzahl an Klassen var ws_PRCRotateTableTDClassesAlternateVertical = true; var ws_PRCRotateTemplateReplaceTag = '#####REPLACE#####';