Information for Users that upgrade from Amperhof-model to the new Standard-Template (Shop2016)

Why update to the new shop?

The Amperhof model was the previous standard shop for PCG merchandise management. In the meantime, the frame technology, which made it possible to easily integrate the shop into one's own websites, is no longer well supported by Apple systems in particular. In addition, there were of course many wishes for further development, especially better support for mobile devices and small displays.

The new standard shop is based on a component system with which even very individual websites can be designed. However, this requires a lot of time and organizational effort. The so-called standard template should therefore enable easy integration into existing websites. It offers a proven, unchangeable layout which works on all screen sizes and can be adapted in style (colors, spacing, fonts) easily to your own website.

Info for Upgraders

Here are the most important differences to the previous Amperhof standard shop:

  •     The initial registration mask with a distinction guest / customer is no longer required. As before, however, the new customer tour that has been discontinued has the same effect in order to present a valid article offer.
  •     After a registration or a recall of the shop, customers see the articles for the current date - initially no calendar is shown. A date change can take place with another menu point.
  •     The cancellation is somewhat hidden - the idea is that a customer does not explicitly cancel his subscription. Thus also the registration by email link is void. The latter should be switched off and must be communicated accordingly.
  •     The registration of new customers can take place at any time during the order process - the customers can be assigned thereby also automatically the correct routes. However, the tour assignment strategy must be set for this (see below).
  •     In the new shop, subscriptions can be created, deleted and changed by the customer.  This is also transferred to the PCG.
  •     The new shop only needs a few settings (see below) to function. Below you will find links to other articles to further customize the shop and to use the many functions
  •     There is a new main menu, which can be freely set in the PCG (menu control) - it can also contain links to other pages. If the menu is not set up, a standard menu appears first (special offer, product groups, price lists, subscription boxes). It also makes sense to use the new structure level for the subscription boxes (content groups).
  •     Pictures, not only for articles, but at all navigation levels can be displayed better - but for this they must be stored in the PCG.
  •     The registration by email link should be switched off, because it is not conducive to the concept of the shop.

A first Impression

With most systems, you can test the new shop by entering "newshop" in the search field and get a first impression. If this is not possible, you will find the link to the new standard shop in the admin area.

Very brave people (link to the video) then enter "admin:" in the search field in the new shop and use the style editor to play with the colors. Don't worry, these gimmicks are only active in your own browser.

Next steps for PCG-Users

If you have decided to update to this shop, please contact us. We offer a conversion package that includes the initial configuration and style customization. If the installation is more complex, we reserve the right to make an individual offer.

We have prepared a checklist for the commissioning of the shop.

As soon as your system is set up, you can use the style editor to make some adjustments to the style of the design. For more and more precise adjustments to your web design, your web designer can help you.

General information about this template can be found on our PCG team website.

Information for Web Developers and Web Designers

As a WebDesigner you should have a customer account in the ERP system (PCG) of the company, which also has the authorization "WebDesigner". With this you can also access other hidden areas of the system (customer profile) and have access to some administrative functions in the backend of the system.

Usage as separate WebPage

A shop with this standard template can be called by link:



If you want to embed a shop into existing websites:

  •     The shop needs a rectangular space in the layout of a website. It makes sense to provide the maximum amount of space, especially for small screens. Do not use an iFrame!
  •     To embed the shop in websites,
    •         Mark the area you want the shop to occupy with the Id oo-shop-embedded, e.g. like this

   <div id="oo-shop-embedded">
   Shop is loading...

  •         Load this script, preferably at the beginning of the website, like this:
  • <script src="https://oekobox-online.<server>/v3/shop/<systemname>/api/client1.js?config=std-embedded"></script>
  •     Now the shop should be loaded. Log in with your customer data. As a web designer you should now find a link "Admin" under your profile, which takes you to the admin area of the shop. There you can set the style of the shop (and the embedding website) under Settings -> Design/CSS -> CSS Standard Template.
  •     A further adaptation to the design of the website should be done by CSS Own CSS instructions overwrite the stored rules. CSS should be stored directly in the admin area of the shop .

With the help of the style editor a first draft can take place. This editor allows to set all CSS variables comfortably. The resulting code can then be further edited and stored.

The template of the shop is designed for easy adaptability, responsiveness and quick commissioning - especially layout changes are not planned. If more individuality is desired, your own design should be considered!

Please review the standard of the shop first and instantly check that you dont break things with modified CSS. Follow this rules:

  • keep the CSS in the admin area, so all parties have access to it (You still my use includes while developing)
  • never play with the visibility of elements! Visibility is solely controlled by the shop script!

More Information

Continuation Projects