Start Designer Web-Module Configuration Hints

Configuration hints for the web modules

Basics

The design system is normally accessed via the url 'http://designer.weebmeister.de/weebdesign'. In configurations using dedicated servers we will inform you about the relevant urls. Upon request we create a sub-domain for you.

Your Customer-Id identifies the user context. That account number is being used to save settings like notification mail address for orders as well as price and modell informations. In the most simple case you replace the number of the test account "26e53..." with your own customer number - the web modules is integrated via the following URL:

http://designer.weebmeister.de/weebdesign?customer=26e53f5f5d8f7eb5f72c849ae6d7924b

By clicking the button "Start the designer" your customer starts the application, as an alternative it can be started immediately by using this URL:

http://designer.weebmeister.de/weebdesign/ajax.jsp?customer=26e53f5f5d8f7eb5f72c849ae6d7924b

You can decide whether a separate resizable window is opened (the default). With the parameter 'nowindow' it will be embedded and width and height can be specified.

http://designer.weebmeister.de/weebdesign/ajax.jsp?customer=26e53f5f5d8f7eb5f72c849ae6d7924b&nowindow&width=860&height=700

As you can see the different parameters are concatenated via the '&' operator. This is not a hard task for web-developers, we are working on modules for content management systems and shops such as Joomla!, XT:Commerce, Magento and others to further simplify the integration. Below the different parameters are described along with pictures of variation possibilities.

Using HTML iframe tag

An iframe is a good way to integrate the shop module. This feature is available in all modern graphical web-browsers. It embeds an external site without leaving the shop context of your site.

<iframe fsrc="http://designer.weebmeister.de/weebdesign/ajax.jsp?customer=26e53f5f5d8f7eb5f72c849ae6d7924b&nowindow&theme=nimbus&width=860&height=640" frameborder="0" align="top" width="100%" style="height: 1071px;">
The required informations cannot be displayed since your browser does not support inline frames. Please click here: <a href="/(url from above)">open the designer</a>
</iframe>

The example from above opens the designer within the current page without leaving it.

Additional parameters

The webmodul provides additional configuration possibilities that control appearance and functionality of the component. Here's is an overview on the different parameters.

Parameter Description
customer Your account number
art This parameter is optional and is only needed if you are using more than one product variant, e.g. designer professional and designer ultima module
width width of the applet in pixels, e.g. width=860
height the height of the applet in pixels
theme

If this parameter isn't applied, Designer will show just like a normal desktop program. Buttons and windows match those of the operating system. In short: In XP the user has the design he is used to, this is also true for the aero style in Vista or Windows 7. In Mac OS X it displays with the well-known aqua style.

By setting the theme parameter you get a consistent dispay among all platforms (click on the pictures to zoom in)

theme=nimbus
A modern user interface with clear controls.

Theme 'nimbus'

theme=metal
A friendly yet simple and puristic UI with a good handling.

Theme 'metal'

layout

layout=0
the default, uploaded pictures and cliparts are on the left side, the editor is on the right side of the application

layout=1
as an alternative you can switch preview, clipart and picture selection to the right and position the editor to the left.

Alternatives Layout

Do you have different requirements to the software? Get in contact with us, we can surely help you and define additional layouts.

base

The base price, if this parameter is set the price will be considered in the cost calculation.
If you want to guard against manipulation of this parameter, another variant can be used that allows to secure the submission of the price via a checksum (e.g. with a few lines of PHP code). Get in touch with us for further details.

user0-user9

These are customer variables, for example you can pass the article number from the shop to identify the design. Another possibility is to consider colours or sizes.

user0=<article_number>&user1=Color:Green&user2=Size:L

Please avoid special characters such as german umlauts since the browser tend to handle them incorrectly.