Glow responsive Theme für OXID eShop

demo: http://glow.mb-dev.pro
basierend auf Flow Theme: https://github.com/OXID-eSales/flow_theme

Getestete / kompatible Module:

• Payment:
  • D³ Heidelpay Integrator: Kreditkarte, Lastschrift, Paypal, SOfortüberweisung, Rechnung
  • ecomponents Paypal Gateway
• Andere:
  • D³ File Upload

Aktuelle To-Do Liste

• Formular Validierung für E-Mail Adressen, PLZ, etc
• Aggrosoft Paypal und OXID Paypal+ testen

benötigte Module

• vt-themesettings für Theme Einstellungen. pflicht!
• vt-childtplmod Das Theme enthält bereits angepasste Templates für einige Module.
  Damit diese geladen werden, wird dieses Modul benötigt.

Installation

cd application/views/
git clone https://github.com/vanilla-thunder/glow.git
ln -s ../application/views/glow/out/glow ../../out/glow

oder:

1. Archiv herunterladen
2. nach application/views/glow entpacken
3. application/views/glow/out/glow nach out/glow kopieren

Theme Einstellungen

• Icons: 100*100
• Thumbnails: 600*450
• Kategoriebild: 1300*300
• Zoom-Bilder: 1300*1000
• oxpic: 600*450
• Marken-Logos: 200*100
• Kategoriebild einer Unterkategorie: 400*100
• Promotion: 650*350

LESS + CSS + JS bearbeiten

in out/glow liegt eine Nodejs App, die das Kompilieren von LESS und Zusammenfassen von JS Dateien übernimmt. Diese wird so gestartet (Nodejs erforderlich):

cd out/glow
npm install
npm start

Less:

Die Hauptdatei liegt unter: out/glow/src/less/glow.less Diese wird zu: out/glow/src/css/glow.min.css

JS

New Features

• live price update for amount prices https://glow.mb-dev.pro/Kiteboarding/Trapeze/Trapez-ION-MADTRIXX.html
• tprice will be inherited from parent article
• show/hide sidebar by changing theme settings
• smaller header navigation on mobile devices
• additional smaller listitem template for crossselling and accessories

Important changes

• Logo path is now relative to out/pictures/wysiwygpro/
• background image path changed to out/pictures/wysiwygpro/
• different layout for product details page
• some layout changes in checkout
• replaced old reused Azure JavaScripts with simple jQuery
• removed jQuery-UI and some other libs (see list below)
• tpl/widget/product/selectbox.tpl moved to tpl/page/details/inc/selectbox.tpl
  because selectbox.tpl is not a widget!
• selection dropdowns replaced with native select elements

Features

• nodejs less compier & js minifier included
• using bower for 3rd party libraries

Bugfixes

• 6434 - Strange sidebar layout on list.tpl
• 6441 - resource not found: js/libs/cookie/jquery.cookie.min.js
• 6442 - Sticky Navigation in Full-Width Layout
• 6509 - articles with one or more pick lists are put into basket every time one chooses a setting

Removed / Replaced JS scritps and libraries:

• jQuery-UI removed
• Bootstrap-Select removed
• jquery cookie removed because smarty can do the job, too.
• jQuery-Bootstrap-Validation (discontinued) -> BootstrapValidator
• Photoswipe (lack of features) -> FancyBox