Shopping Cart

You have to go through a four-step form wizard to enable this Control, i.e., Design, Api, Advance & Mobile. Let’s explain these steps below:

1st Step – Design

This is the first step of the “Shopping Cart” control form wizard. Here you are required to fill in the following details:

1. Database Field Name (mandatory): These are the attributes of the form
2. Label Name
3. Column Width

2nd Step – API

1. Data
1. Choose Data Source Save Log: Select data source from the following AI, HTTP, Workflow, No SQL or RDBMS
   1. HTTP
      1. Data Connection
      2. Method (mandatory): Select method from the following GET, PUT, POST, PATCH, DELETE or POCO
      3. API URL (mandatory)
      4. Query Parameters
         1. Key
         2. Value
         3. Query Variable
         4. Select Type
      5. Headers
         1. Name
         2. Value
      6. Others
         1. Enable raw query
2. Response Attribute

2. Mapping
1. Field Mapping: Click on “Add New” button depending on how many fields you want to map in the grid based on requirement. And click the refresh button to reload the API response. After that start mapping following fields:
   1. Binding
      1. Label
      2. Data Field: From API
      3. Data Type: Choose data type from the following None, Email, Date, Title, SubTitle, Image, Header Image, etc.
   
   2. Web View
      1. Label Option: Select label option from the following Name Only, Name & Icon, Icon Only or None
      2. Disable Word Wrap
   
   3. Mobile View
      1. Label Option: Select label option from the following Name Only, Name & Icon, Icon Only or None
      2. Hide in Mobile
   
3. Update
1. Choose Data Source Save Log: Select data source from the following AI, HTTP, Workflow, No SQL or RDBMS
   1. HTTP
      1. Data Connection
      2. Method (mandatory): Select method from the following GET, PUT, POST, PATCH, DELETE or POCO
      3. API URL (mandatory)
      4. Query Parameters
         1. Key
         2. Value
         3. Query Variable
         4. Select Type
      5. Headers
         1. Name
         2. Value
      6. Others
         1. Enable raw query
2. Response Attribute

4. Address
1. Choose Data Source Save Log: Select data source from the following AI, HTTP, Workflow, No SQL or RDBMS
   1. HTTP
      1. Data Connection
      2. Method (mandatory): Select method from the following GET, PUT, POST, PATCH, DELETE or POCO
      3. API URL (mandatory)
      4. Query Parameters
         1. Key
         2. Value
         3. Query Variable
         4. Select Type
      5. Headers
         1. Name
         2. Value
      6. Others
         1. Enable raw query
2. Response Attribute

5. Update Address
1. Choose Data Source Save Log: Select data source from the following AI, HTTP, Workflow, No SQL or RDBMS
   1. HTTP
      1. Data Connection
      2. Method (mandatory): Select method from the following GET, PUT, POST, PATCH, DELETE or POCO
      3. API URL (mandatory)
      4. Query Parameters
         1. Key
         2. Value
         3. Query Variable
         4. Select Type
      5. Headers
         1. Name
         2. Value
      6. Others
         1. Enable raw query
2. Response Attribute

6. Order
1. Choose Data Source Save Log: Select data source from the following AI, HTTP, Workflow, No SQL or RDBMS
   1. HTTP
      1. Data Connection
      2. Method (mandatory): Select method from the following GET, PUT, POST, PATCH, DELETE or POCO
      3. API URL (mandatory)
      4. Query Parameters
         1. Key
         2. Value
         3. Query Variable
         4. Select Type
      5. Headers
         1. Name
         2. Value
      6. Others
         1. Enable raw query
2. Response Attribute

3rd Step – Advance

1. Order Confirmation URL
2. No Data Configuration
   1. No Data Image URL
   2. Background Color
   3. Image Width
   4. Ourt Height
   5. Title
   6. Message

4th Step – Mobile

1. Container Height
2. Popover Right
3. Popover Top
4. Show shadow ?

Click “Confirm” and “Shopping Cart” control is configured.