Custom Products

Version

6.1.3 or newer

Table of contents

The Custom Products for Shopware 6 is a plug-in that is part of the Shopware Professional Edition and provides extended functionality for the experience worlds.

 

Installation

If at least the Professional Edition is stored in the shopware account for the shop domain, you can download the plug-in in the plug-in administration under Settings > System > Plugins > Licenses.
The plug-in is then listed under My Plugins and can be installed by clicking on the "..." button.
After the plug-in has been installed, you can activate it by clicking the button in the Status column.

You can find the installed plug-in in the Shopware Administration under Catalogues Custom Products.

 

Function

The plug-in offers you the possibility to add individualization options to articles. This is very useful for articles where the simple division into variants is not sufficient and further individualization is desired. These can be articles where an individual lettering is to be used, a special color or a certain date/time specification.

In the plug-in Custom Products you create product templates with selectable options. In a second step, you link these templates to existing articles. The selectable options from the product template are then displayed on the item detail page so that the customer can individualize the product accordingly.
 

Product templates

Under Catalogues > Custom Products you will find the overview of the product templates.


Here you can see all the templates that are already created, these can be assigned to your products. Each template has an internal name, a display name and a description. In addition, the overview shows you how many options each template has. 
You can edit and delete the templates through the context menu on the right side. 

 

Add template

You can create a new template by clicking the button Add template. Here you set the  general configuration.
 

Internal name (1): This name is only displayed internally in the template overview. This is useful if there are several product templates that should have the same name in the front end. 

Active (2): With this switch the product template can be deactivated. The articles in which this template is used are still available, but cannot be individualized with this template. 

Display name (3): This name is used in the frontend on the article detail page. 

Description (4): With this description you can summarize on the item detail page for the customer which individual settings can be added to the respective item.  

Picture (5): Additionally you can upload a picture for the item detail page or select one from the media management. 

 

Options

After you have created a new template and saved it, the Options area is available.


In this area you will see the options that are available for the current template. You can also add new options for customization here.

Here you first enter a name for the option and an option type. The following option types are available:

 

Selection field

In this option type, you can offer the customer one or more answer options, which are then provided in a selection window and can be selected by mouse click. These can be, for example, individual options that can be added to the product.


In the settings of the option you first choose a name (1) and a description (2).
If you check the mandatory field (3), the customer has to make a selection in the frontend to be able to put the item into the shopping cart. The option No selection is then no longer displayed in the frontend.
Next, you can specify that the selection options should be displayed as a drop down menu (4) and whether a multiple selection (5) should be possible. However, this option is not possible in the drop-down menu. 
Then you can define a surcharge for the option. If you have not activated the check box Relative Surcharge (6), you can define a tax rate (7) and a gross and net price (8). If you activate this option, you can enter a percentage surcharge instead. 
With the extended surcharge (9) you have the possibility to create surcharges according to rules from the rule builder. 



With the setting Surcharge once per order (10) you ensure that the surcharge for this option is only charged once per order. Even if there are several items in your shopping cart that use this product template.  
By clicking on the link Currency dependent prices (11) you can set up your own surcharge depending on the currency.


On the left side of the option settings you can see the created elements, which the customer can select. In the context menu (12) you can add further elements. If you click on one of the elements (13), you have the possibility to make further settings for each element.


Besides names and an order number, you can also define your own surcharge in the element settings, just like in the option settings.

Frontend view: 

If it is a mandatory option, the No selection element is not available. 

Frontend view of the drop down menu: 

If it is a mandatory option, the No selection element is not available. 

Picture selection

Compared to the selection field, the image selection offers you the possibility to make a selection based on images. The image selection has the exact same settings as the selection field. The only difference is that additional elements ar shown in the image and cannot be displayed in a drop down menu.

Frontend view of the picture selection:

If it is a mandatory option, the No selection element is not available. .

Checkbox

With the checkbox you can offer your customers an option, which they can select or deselect with the checkbox. Here you can enter an order number next to a name and a description and add a corresponding surcharge.


Frontend view of the checkbox: 

 

Date field

With the date field you give the customer the possibility to add a date to the order. This can be, for example, a date for an engraving or an event date.
 


Beside the usual settings for this option, you enter a placeholder (1) which is displayed in the date field before the customer has selected a date. You can also specify an earliest date (2) and a latest date (3).


Frontend view of the date field:

 

Colour selection

With the colour selection the customer has the possibility to choose one or more colours for the article. Similar to the selection field or the image selection, you can also add sub-elements to the colour selection option, each of which stands for one colour.


After you have added one or more sub-elements to the option on the left side, you can assign a color (1) to the element in addition to the name and order number. You can also define a surcharge for the colour selection for the complete option as well as for the individual elements.


Frontend view of the colour selection:

If it is a mandatory option, the No selection element is not available. .

Text area

The text area lets the customer add text to the article. Compared to the text field, the text area will take pagination into account. The customer has the possibility to transfer multi-line texts here.


Here you need to specify how short (2) or how long (3) the text entered by the customer may be. You can also specify a placeholder (1), this will be displayed as long as the customer has not yet entered any text.

Frontend view of the text erea:

 

Text field

With the text field you offer the customer the possibility to add a single-line text to the article. This can be the text for an engraving or similar.


To do this, you specify how short (2) and how long (3) the text may be at most. As with the text area, you also enter a placeholder (1), which is displayed as long as the customer has not yet entered any text.

Frontend view of the text field:

 

Number field

The number field add the possibility for the customer to add a number to the product. This can be, for example, the number of a certain item.


Next to the placeholder (1), which is displayed if no default value is given, you specify a minimumvalue (2) and a maximumvalue (3), which can be entered in this field by the customer.
Under steps (4) you specify the steps in which the customer can enter numbers. The smallest possible step is 0.01
The default value (5) indicates which value is preselected. Under decimal places (6) you specify how many decimal places the customer may use. Here you can allow up to 2 decimal places. If you allow decimal places you should take care to adjust the steps accordingly, so that they are also smaller than 1. 


Frontend view of the number field:

 

Time field

In the time selection field you can let the customer specify a time. This could be the start time for an event, for example.


The placeholder (1) indicates how the field is filled before the customer enters it. In addition, you use the start time (2) and end time (3) to specify the period of time in which the customer may select a time.

Frontend view of the time field:

 

Assign template to a product

After you have created a template with the desired options, you can assign it to a product so that the customer can individualize this product.

To assign the product configuration to a spefic product so that this can be individualization. In the tab General you will find the menu item Custom Products, where you can now assign a product template from Custom Products.
 

Frontend

Normal mode

In the frontend the options from Custom Products are displayed in the standard respsonsive theme above the Add to shopping cart button.


Here, the individual options of the product template can be folded out by the customer (1) and edited individually. 
If an option is a required field (2), this is displayed accordingly. Any surcharges (3) are also displayed prominently.

 

Step by step mode

If you have activated the step-by-step mode in the product template, the available options are not directly displayed in the frontend. Instead, the area for individualization (1) of the product is located above the Add to shopping cart button. Via the button Configure Product (2) the customer is then guided step by step through the options.
 
The customer is guided step by step through the options and can then place the item in the shopping cart once all mandatory options have been filled out. 
 

Was this article helpful?