FavouritesGallery¶

Die jQuery Erweiterung durchsucht das DOM nach der Klasse "alvineFavouritesGalleryButtonHolder".
An diesem Element muss das data Attribute iid definiert werden.
Alle IIDs werden an das Positions Plugin shop.shoppingcart.favourites.list.positions gesendet
und es werden alle Positionen zurück geliefert, die in der Liste mit der ID 0 enthalten sind.

Mit der Listen ID 0 wird dem Plugin mitgeteilt, das die STandard Liste des Benutzers gemeint ist. Wenn der Benutzer noch keine STandard Liste hatm wird diese angelegt.
Der Name Für diese Liste wird in der Lokale STANDARD_FAVOURITE_LISTNAME definiert.

Wenn die IID in der Liste enthalten ist wird das Template neu gerendert. Mit dem Schlüssel dataset:active kann die Klasse gesteuert werden.

Bei Klick auf den Button wird an das shop.shoppingcart.favourites.action die IID in der entsprechenden Liste ein oder ausgetragen.
Bei Erfolg wird dieses Json zurück geliefert:

{"success":{"code":"200"}}

Hinweis

Wenn getbox Parameter verwendet wird, muss die BoxID von dem shop.item.price Plugin übergeben werden Hier ist es die f13375442d

Beispiel Aufruf:

sxx_page: online.shop.account.favourites
sxx_getbox: f13375442d,2bdbad25e5
sxx_boxfilter: 2bdbad25e5
sxx_call[2bdbad25e5][toggleposition][scflid]: 0
sxx_call[2bdbad25e5][toggleposition][iid]: 10086

Installation¶

//cdn.alvine.io/libs/alvine/favouritesgallery/jquery.alvinefavouritesgallery-0.1.0.js

Alvine Frontend Plugins¶

shop.shoppingcart.favourites.action¶

Plugin zum hinzufügen, ändern und Löschen von Listen und Positionen

shop.shoppingcart.favourites.list¶

Plugin zum laden von Listen

shop.shoppingcart.favourites.list.positions¶

Plugin zum laden von Positionen einer Liste

Bibliotheken¶

Kopiervorlage für die Installation

<script src="//cdn.alvine.io/libs/alvine/framework/alvine.framework-1.11.0.min.js"></script>
<script src="//cdn.alvine.io/libs/alvine/favouritesgallery/jquery.alvinefavouritesgallery-0.1.0.js"></script>

Beispiele¶

<div class="alvineFavouritesGallery " 
                     data-alvinefavouritesgallery-positionsurl="/index.php?sxx_page=online.shop.account.favourites.positions&sxx_getbox=168c230746&sxx_boxfilter=168c230746" 
                     data-alvinefavouritesgallery-positionsboxid="168c230746"
                     data-alvinefavouritesgallery-actionurl="/index.php?sxx_page=online.account.favourites&sxx_getbox=f13375442d,2bdbad25e5&sxx_boxfilter=2bdbad25e5" 
                     data-alvinefavouritesgallery-actionboxid="2bdbad25e5" 
                     data-alvinefavouritesgallery-templateselector="#alvineFavouritesGalleryTemplate"
                     data-alvinefavouritesgallery-buttonselector=".alvineFavouritesGalleryButton"
                     data-alvinefavouritesgallery-listid="0"
 >

       <!-- Produkt --> 
       <div class="galleryItem">

        <!-- Anzeige des Favoriten Sterns --> 
        <div class="alvineFavouritesGalleryButtonHolder" data-iid="#FIELD:IID#" style="position: absolute;top: 15px;right: 20px;"></div>

       </div>

<template id="alvineFavouritesGalleryTemplate">
    <button class="alvineFavouritesGalleryButton btn btn-link" >
       <span data-attributes="class dataset:active | ?:icon-star uk-text-large:icon-star-empty uk-text-large"></span>
    </button>
</template>
</div>

Konfigurationen¶

Das Plugin kann über data-alvinefavourites Attribute konfiguriert werden

Schlüssel	Type	Beschreibung
positionsurl	string	URL für das prüfen der Postionen auf der Liste, auf der Seite muss das Plugin shop.shoppingcart.favourites.list.positions installiert sein , getbox und boxfilter mit der Plugin BoxID hinterlegen
positionsboxid	string	BoxID des Positionen Plugins
actionurl	string	URL zum hinzufügen / ändern einer Position
actionboxid	string	BoxID des Action Plugins
templateselector	string	jQuery Selector für das Template
buttonselector	string	jQuery Selector für den Button
listid	integer	ID der Liste
spinner	object

Historie¶

Version	Änderung	Jira
0.1.0	neues Plugin	ALEJS-155

Abhängigkeiten¶

Komponente	Version
jQuery	2.1.4
Alvine Framework	1.11.0