DeveloperTutorials for Web Developers & DesignerseCommerce Design

Product Enquiry Form

This tutorial will walk through how to create a product enquiry form, which requests basic contact fields and shows a list of products.

Basic Contact Form

The following code is a basic implementation of contact form.

Table of Products

The <ss:data:table> control is used to display products in a table inside the enquiry form. In the example below, the datasource is set to retrieve all products:


As an alternative, all Products of a certain Product Category could be retrieved instead by changing the datasource of the <ss:data:table> control:


The following code will show you how to display a list of products using a data table:

Putting it all Together

Combining the two above example, here is the completed product enquiry form:
  • Product Enquiry Form Code
  • Preview