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 TogetherCombining the two above example, here is the completed product enquiry form:
- Product Enquiry Form Code