Shop Navigation Manager¶
Die Erweiterung stellt die Funktionen für die Navigation im Shop zu verfügung.
Installation¶
//cdn.alvine.io/libs/alvine/shopnavigationmanager/jquery.alvineshopnavigationmanager-0.1.0.jsBibliotheken¶
Kopiervorlage für die Installation
<script src="//cdn.alvine.io/libs/alvine/framework/alvine.framework-1.15.0.min.js"></script>
<script src="//cdn.alvine.io/libs/alvine/shopnavigationmanager/jquery.alvineshopnavigationmanager-0.1.0.js"></script>Funktion¶
Alle Elemente mit dem Attribut "data-alvinefilterkey" bekommen ein Click Event.
Das Element setzt in der Alvine.Registry seinen Wert. Je nachdem welche Filter Attribute noch gesetzt werden , wird voher ein Reset ausgelöst.
Konfigurationen¶
Das Plugin kann über data-alvinefilterkey Attribute konfiguriert werden
| Schlüssel | Type | Beschreibung |
|---|---|---|
| data-alvinefilterlabel | string | Label/Name des Schlüssels |
| data-alvinefilterkey | string | Schlüssel Name des Filters |
| data-alvinefiltervalue | string | Wert Filters |
| data-alvinefilterunique | bool | Damit kann definiert werden ob der gesetzte Wert alle anderen Werte des selben Schlüssels löscht |
| data-alvinefilterreset | string | Name einer Reset Methode, wenn es diese gibt , wird diese aufgerufen bevor der Wert gesetzt wird |
| data-alvinefilteracivatelocation | bool | damit kann definiert werden ob der URL nach dem setzten der Filter direkt gesetzt werden soll |
| data-alvinefiltertoggle | bool | wenn der Wert schon gesetzt wurde, wird er entfernt |
| Klasse | Beschreibung |
|---|---|
| alvineAcivateLocationButton | ein Button mit dieser Klasse, ruft die aktuelle Filter URL auf |
| alvineFilterResetButton | ein Button mit dieser Klasse, ruft die mit data-alvinefilterreset definierte Methode auf |
Reset Methoden¶
| Name | Beschreibung |
|---|---|
| resetMain | löscht alle Filter |
| resetWithoutCategory | löscht alles außer Kategorie |
Beispiele¶
Es wird die Kategorie Hosen gestetzt, voher wird die Mehtode resetMain aufgerufen, diese löscht alle gesetzten Filter.
Nur die Kategorie Hosen wird dann gesetzt sein. Die URL wird nach der Änderung direkt aufgerufen.
<a data-alvinefilterkey="catalogingCategoryCID" data-alvinefiltervalue="419" data-alvinefilterreset="resetMain" data-alvinefilteracivatelocation="true" href="/gallery?q=catalogingCategoryCID%3D419" >Hosen</a>Es wird die Kategorie Hosen gestetzt, hier wird data-alvinefilterunique="true" definiert.
Es bleiben alle Filter bestehen , nur die Kategorie ist hier nicht mehrfach belegt.
Der Link löscht alle anderen Kategorie Werte und nur Hosen wird gesetzt
<a data-alvinefilterkey="catalogingCategoryCID" data-alvinefiltervalue="419" data-alvinefilteracivatelocation="true" data-alvinefilterunique="true" href="/gallery?q=catalogingCategoryCID%3D419" >Hosen</a>Es wird die Kategorie Hosen gestetzt
Alle Filter bleiben bestehen , nur die Kategorie ist hier mehrfach belegt.
Wenn die Kategorie T-Shirt schon gesetzt wurde, wird Hosen dazu gesetzt.
<a data-alvinefilterkey="catalogingCategoryCID" data-alvinefiltervalue="419" data-alvinefilteracivatelocation="true" href="/gallery?q=catalogingCategoryCID%3D419" >Hosen</a>Historie¶
| Version | Änderung | Jira |
|---|---|---|
| 0.1.0 | neues Plugin | ALEJS-160 |
Abhängigkeiten¶
| Komponente | Version |
|---|---|
| jQuery | 2.1.4 |
| Alvine Framework | 1.15.0 |