The Shop plugins allow you to build up shop elements in a simple way. To do this, you must create a separate page for each content element. In some cases, you have to adjust the settings in the page properties.

All shop content elements are plugins where the General tab always looks the same. Basically, you can only configure the heading there, as in the Header Only content element.

Product View

The product view shows an article with its details. You can add this in the Plugin tab under the plugin options. You can also choose between the rendering full and slim. The slim version shows only the product information. The full version shows the product photos on the left side.

Tab Plugin

Product View in Frontend

Shopping Cart

The shopping cart provides the customer with an overview list showing what they want to buy and how much it costs in total. The content element is already functional when it is added and saved. You do not have to change or add anything. The customer can go to the cash register next, so it is best to install the cash register as the bottom of the shopping cart page.

Tab Plugin

Shopping Cart in Frontend

First Step: Login

With the login to the shop, users reach the customer area. It is the first decisive step in the ordering process besides the selection of products. When the content element is added, it is ready for use. In the front end, it automatically generates fields on the left for logging in and a way to register on the right.

Tab Plugin

First Step: Login in Frontend

Second Step: Address selection

After logging in, customers will be taken to the address selection page. It is therefore useful to create the address selection as a subpage of the login page. This plugin is also fully configured once it has been added and saved. In the front end, all fields for a delivery and billing address are then visible, whereby customers can use the delivery address as the billing address with a check mark.

Tab Plugin

Second Step: Address selection in Frontend

Third Step: Payment & Shipping selection

Nach der Adresse wählen Kunden die Bezahlart und Versandmethode. Legen Sie die Seite mit diesem Inhaltselement also am besten als Unterseite der Adresseingabe an. Das Plug-In ist ohne weitere Änderungen einsatzbereit. Automatisch zeigt das Plug-In im Frontend alle von Ihnen angelegten Versandmethoden und Bezahloptionen.

Tab Plugin

Third Step: Payment & Shipping selection in Frontend

Fourth Step: Overview

The order overview summarizes all the information entered on one page. Since this step follows the selection of shipping method and payment method, it is best to insert the page with this content element after it. This plugin is also completely configured when you insert it into the intended page.

Tab Plugin

Fourth Step: Overview in Frontend

Product List

With the product list you generate a list of selected articles. To do this, add either individual articles or product categories in the Plugin tab to configure article teasers in the frontend.

To be able to click on the individual articles and view them in detail, the detail page must be specified. It is best to create this page as a subpage and insert the content element product list single view there.

Finally, you set the product limit per site. By default, 12 articles are set, you can adjust this to your requirements and ideas.

Product List in Frontend

Tab Plugin

Product List Single View

The single view of the product list is inserted in a separate page, preferably as a subpage of the product list. In the page properties on the Access tab, the 'Enable in menus' option must be disabled. The page will then not be displayed in the menu, but will allow the detailed view in the product list.

Tab Plugin

Product List Single View in Frontend

Order Payment: Handling

The content element Order Payment: Handling enables payment processing for orders. You do not have to change any settings in the content element.

Tab Plugin

Order Payment: Confirmation

The content element Order Payment: Confirmation generates a confirmation for processed payments. You do not need to make any changes in the content element settings.

Tab Plugin

Order Payment: Cancellation

The content element Order Payment: Cancellation allows you to cancel outstanding payments. You do not need to adjust anything in the content element settings.

Tab Plugin

You would like to know more?

All information about the available offers can be found on the pages of our website base. You have the option of having a website created at a fixed price or opt for a Website as a Service package with which no further hosting costs or security and function updates will be due to you.