Customer Zone

Return to Introduction  Previous page  Next page

This section demonstrates how the features introduced by the Product Options add-on module are reflected in the Customer Zone.

First of all, defining product options affects product pages of those products that have product options defined. A customer is now given a choice of available options for a product (Figure 16). Only after he selects one of the options (or a combination of options if more than one option class is defined for the product) he can add the product to his shopping cart.

<br>
Figure 16: Product option selection at the product page


Figure 16: Product option selection at the product page

If a customer decides to buy different variants of the same product, each option appears separately in the customer's shopping cart (Figure 17). Quantities of different product options can be changed independently.

<br>
Figure 17: Shopping cart containing two options of the same product


Figure 17: Shopping cart containing two options of the same product

Figure 16 demonstrates how 'Select Box' and 'Radio Button' option selector types can be used for product option selection. The below figure demonstrates the use of the 'Text Area' selector type (Figure 18).

<br>
<br>
Figure 18: Using 'Text Area' option selector type



Figure 18: Using 'Text Area' option selector type

The next example (Figure 19) demonstrates the use of JavaScript enhancements as described in Section 'Using JavaScript enhancements' of this manual.

<br>
Figure 19: Using JavaScript to provide additional product information


Figure 19: Using JavaScript to provide additional product information

In the example below (Figure 20) product options are displayed on the product details page as a list of variants. This example corresponds to the setting discussed in Section 1.6.2 'WholesaleTrading' of this manual.

<br>
Figure 20: Product options displayed as a list of available option combinations


Figure 20: Product options displayed as a list of available option combinations