Online Shop Development Kit# #
This Kit consists of this documentation and a couple of HTML pages. It is intended to be used to implement an online shop for the PCG warehouse system.
- Most functionality is implemented client side; no server code required on your webhost or CMS.
- Components encapsulate all functionality. These components can be placed freely within your HTML.
- It runs on all modern browsers. While this sample implementation is mobile ready, its not particulary beautiful.
- there is a communication to oekobox-online underneath. oekobox-online is the data hub for all PCG warehouse installations.
Getting Started# #
There are several options to get you started building a custom online shop:
- Download a fully functional pages set from https://oekobox-online.de/v3/demo/<shopname>. Unpack that zip and point your browser to the index.html.
- Clone your copy of that page set from GitHub. This option allows you to trace changes over time, as the demo will be developed further.
- Build your own:
- study the pages shown under https://oekobox-online.de/v3/shop/<shopname>/api/demo/index.html. You can then copy the pages or build your own ones.
- Understand how to add components into HTML and how to add one javascript call
You should know:
- what the PCG Warehousing System is
- HTML/CSS and a little javascript to understand and possibly to beautify these demo pages. These are build to rather demonstrate the functionality, not so much to go into design competitions.
You need to know <showname> of course: this is the system name of the warehouse and will be given to you upon request.
Documentation# #
Start reading on API.js.concepts below. The API to the warehousing system itself is described here.
API.jsCSSDocu, components, conceptsAPI.js.CSSDocuecoinformAPI.js.componentscart, chat, content, contentmenu, date, filter, flash, last, loading, loadingbar, logon, mail, navi, path, profile, progress, search, shop, shoplink, status, subnavi, subscribe, tickerAPI.js.components.naviatr_3rdlevel, atr_private, designsublevelAPI.js.components.shopatr_onlysub, attr_piAPI.js.components.subnaviatr_level, atr_onlysubAPI.js.conceptsArchitecture, Caching, Installation, NavigationTree, Rendering, SEO, Templates, i18n
