oxModernizr
Dieses Modul versorgt das OXID eShop-Frontend mit den modernsten User-Interface-Elementen und Techniken.
Achtung: Dieses Modul ist auf die Theme-HTML-Struktur vom Standard-Azure-Theme ausgelegt. Für eigene Themes müssen ggf. Anpassungen im Mini-Warenkorb (Header) dieses Moduls gemacht werden.
Den Link zum Demo-Shop gibt es weiter unten.
Funktionsumfang
Folgende Einstellungen können in diesem Modul getroffen werden:
Performance
- CSS-Dateien dieses Moduls in minimierter Form einbinden. (spart ca. 1/4 Traffic)
- JavaScript-Dateien dieses Moduls in minimierter Form einbinden. ( spart ca. 2/3 Traffic)
allgemeine Benutzerfreundlichkeit
- Eingabefelder mit einem Clear-Button ausstatten, um diese mit einem Klick leeren zu können.
- - Beispiel:
Effekte
- Produkbild-Animation, wenn man ein Produkt zum Warenkorb hinzufügt.
Warenkorb
- "+/-"-Buttons bei der Anzahl eines Produktes anzeigen
- Bestätigungs-Dialoge mit jQuery-UI darstellen. Info: Ein Bestätigungs-Dialog erscheint z.B., wenn man die Menge eines Produktes im Warenkorb auf "0" setzt.
- Produktmengenänderungen im Warenkorb per AJAX durchführen.
- Button, um ein Produkt aus dem Warenkorb zu löschen, im Warenkorb bereitstellen.
Mini-Warenkorb (Header)
- Produkt-Thumbnails im Mini-Warenkorb anzeigen.
- Produktmenge im Mini-Warenkorb änderbar machen
- Bestätigungs-Dialoge mit jQuery-UI darstellen. Ein Bestätigungs-Dialog erscheint z.B., wenn man die Menge eines Produktes im Mini-Warenkorb auf "0" setzt.
- Produktmengenänderungen im Mini-Warenkorb per AJAX durchführen.
- Button, um ein Produkt aus dem Warenkorb zu löschen, im Mini-Warenkorb bereitstellen.
Screenshots
- Eingabefelder mit Clear-Button:
- Mini-Warenkorb mit allen aktiven Einstellungen:
- Warenkorb mit allen aktiven Einstellungen:
Übersetzungen (i18n)
- Deutsch (German)
- Englisch (English)
Demo-Shop
Es gibt auch einen Demo-Shop in dem das Modul ausprobiert werden kann. Der Demo-Shop wird stündlich resetted.
Verwendete Entwicklungs-Tools
- Jetbrains PhpStorm
- Node.js
- LESS-Compiler
- UglifyJS
Third-Party-Libraries
Support & Weiterentwicklung
- Bugs bitte am besten direkt hier oder im OXID Forum melden.
- Weiterentwicklungen von der Community nehme ich natürlich gerne an. Einfach einen Pull Request starten.