• You can create various options for customizing a product through respective XML code in an 'Ad-hoc' form and associate that form to respective products (through 'Custom Fields' dropdown. Please refer: Additional Information so that options are displayed in 'Product Details' page and the price of the product will be changed in runtime as per the selection of options .

    • Example: If you are selling apparels, then you can vary the price of a dress as per the selected options such as color, collar type, neck model, back design, cufflings, Button & Thread, Pocket, etc… When the user selects an option, then the price will be varied in run-time. So, the product price will be keep-on changing as the user is selecting one by one option.


  Product price varies based on the selection of options mentioned through fields

How do I display various options for product customization in 'Product Details' page and change the Price of the Product based on the selected options?


To display various options for product customization in 'Product Details' page and change the Price of the Product based on the selected options, do the following:

  • First you need to create an Ad-hoc form as per your requirement and then associate that Ad-hoc form with required Product(s).


1. Creating required Ad-hoc form:

  • Log in to 'MartJack Control Panel' by using your User Name (Email Address) and Password.


 Ad-hoc Forms

  • You will be routed to 'Dashboard' page. Click Design & Content module.


 Ad-hoc Forms

  • Select Ad-hoc Forms. You will be routed to Ad-hoc Forms page.


 Ad-hoc Forms

  • You can find out the available Ad-hoc forms (if any previously created) in List of Forms in the web repository section.
  • To create a new form, click Add New Form. This will open Add New Ad-hoc Form page.


 Ad-hoc Forms

  • Enter the form code in Form Code textbox.
    • Note: This form code will appear in the Select Form dropdown (if 'Form Type' is selected as 'Normal') of Edit Form Control section while configuring the 'Form Control' Drag & Drop control.
  • Enter the success message to be displayed to the end-user on completing of this Ad-hoc form, in Success Message textbox.
  • Enter the email address of the primary recipient from your side to whom a message to be sent on completion of this form by end-user in To textbox.
  • Enter the email address of the secondary recipient from your side to whom a message to be sent on completion of this form by end-user in CC textbox.
  • Enter the email address to whom a blank carbon copy of the form to be sent on completion of this form by end-user in the BCC textbox.
    • Note: Use comma to separate multiple email address
  • Enter the XML code for creating Custom Fields in the XML textbox of Form Template section and click Save. If the merchant have XML knowledge, then there is no limitation for the art of creating Custom Fields.
  • Note: To know sample XML code, click Sample XML.

  • When an user selects required options in 'Product Details' page while placing order for customized product, the prices of the product will be changed in runtime as per selected options. For this you need to specify required XML Code in the mapped Ad-hoc form. There are two ways the price can be changed: i) By Amount ii) By Percentage on the Web Price.

  • Please click Amount based Pricing and Percentage based Pricing for viewing sample xml code for changing the price by amount and by percentage respectively when the user selects various options in 'Product Details' page.
  • You will be displayed a relevant success message and the newly created 'Ad-hoc Form' will be displayed under List of Forms in the web repository section.


 Ad-hoc Forms

  • The Ad-hoc form will be now saved in the repository as shown in Figure.


This how you can create the required Ad-hoc form.


After creating required Ad-hoc form, you need to map that form with required product(s) so that respective options will be displayed in 'Product Details' page and the price of the customized Product will be changed in runtime as per options selected by the users.


2. Associating the Ad-hoc form with required Product(s):

  • For associating the Ad-hoc form with required Product(s), please refer Custom Fields: in Additional Information