Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    opencart-hyperlocal-marketplace-guide

    Opencart Checkout Custom Fields

    The Opencart Checkout Custom Fields allows the admin to add the custom fields in the checkout page so that the admin can gather more information from the customer.

    The module allows the admin to add the custom fields at the time of checkout on the payment address, shipping address, payment method, and the shipping method.

    Features

    • Add multiple custom fields to the custom group.
    • Add the custom group to the payment address, shipping address, payment method, and the shipping method.
    • Logged-in customers can use these custom fields.
    • This module supports multilingual feature.
    • The fixed/percentage operation for the charges rate of the custom group is available.
    • The admin can also create custom fields without zero price rates.
    • The admin can choose to set the field as required or not.

    Installation

    Upload Files

    First, extract the downloaded zip file. After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system. First, extract the downloaded zip file. After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system.

    Then, upload admin, and catalog to the Opencart root directory.

    Once you have uploaded the file then login to admin and from catalog section go to Extensions> Extension installer and upload the XML( version below 2.3.x.x) or Zip file(version 3.x.x.x).

    The zip file can be found on ocmod folder under the module directory. Under the ocmod folder, you will find the checkout-customfield.ocmod.zip file.

    Refresh Modifications

    The user can navigate through Extensions > Modifications. Now click the Refresh button as visible in below screenshot.

    Edit User Groups

    After that, go to System > Users > Usergroups. And then edit ‘Administrator’. Click Select All for both Access Permission and Modify Permission and Save it.

    Modules

    Now navigate to Extensions > Extensions > Modules. Find the  Opencart Checkout Custom Field from the list and install it. After the installation, the module will be listed as shown in the image below.

    Admin Configuration

    After the successfull installation, the admin can configure the Opencart checkout custom fields module without any issues by navigating to Extensions>Order Total> and click on edit option. The configuration page will open as shown in the image below.

    The admin can configure the following fields.

    Status: Enable/disable the module based on the requirement

    Title: The admin can set the title for the Opencart Checkout custom fields and can set in the multiple languages as desired.

    Sort Order: The admin can set the sort order for the module.

    Custom Fields

    After configuring the module, the admin needs to create the custom fields that are to be added on various section of the checkout.

    The admin can add or edit the custom fields by clicking on the edit or Plus button as shown in the image below.

    On clicking the plus button, the admin will be able to add the custom field as desired by filling up the information as mentioned below.

    Custom Field Name: The admin can input any field name as desired. The Field name can be added in multiple languages.

    Type: The admin can set the input type like Choose(select, radio, checkout), Input(text, text area), File, Date(date, time, date and time).

    Customer Group: The customer group for which the custom field will be available can be set.

    Required: The admin can define whether the field is a required field or not.

    Status: The status of the custom field can be set to enable or disable.

    Sort Order: The sort order of the custom field based on which it will be displayed. The sort order with value 0 is the highest priority.

    Custom Field Value Names: The field values of the custom field can be set as desired. The following option will be available only in the Choose(select, checkbox, radio) input type.

    Custom Group

    After the custom fields are added, the custom group is created and the custom fields are assigned to that respective custom group.

    The admin can view the custom groups as shown in the image below.

    The admin can edit or create a new custom group. On clicking on the edit option, the admin will be able to edit the following fields as shown in the image below.

    Custom Group Name: The admin can input any Group name as desired. The Group name can be added in multiple languages.

    Type: The admin can set the type as fixed or in percentage.

    Price: The price of the custom group can be set in the following field.

    Checkout Step: The admin can select as under which section the following custom group will be displayed.

    Status: The status of the custom group can be enabled or disabled.

    Sort Order: The sort order of the custom group based on which it will be displayed. The sort order with value 0 is the highest priority.

    Custom Fields: The custom fields can be selected which you want to add in the customer group.

    Order Section

    After placing the order, the admin will be able to view the custom fields in the order history section as shown in the image below.

    Invoice

    The admin will be able to generate the invoice with all the additional information as shown in the image below.

    Front End

    The customer can view the various custom fields in the checkout section.

    Note: The following fields will be validated only for the logged in customers.

    Billing Details

    The admin will be able to add the custom billing details so that the customer can provide additional information as shown in the image below.

    Delivery Details

    The admin can add the custom fields in the delivery detail section of the checkout. Please check the contact detail as an example as shown in the image below.

    Delivery Method

    The admin can also the custom fields in the delivery method section of the checkout as shown in the image below. For example: Alternate Delivery

    Payment Method

    The admin can add the custom payment method and can allow the customer to pay through the offline payment methods.

    Note: Custom Payment method is an offline payment method i.e the admin will have to manually approve or process the order.

    Order History

    After placing the order, the customer can view the custom fields in the order detail section as shown in the image below.

    That’s all about the Opencart Checkout Custom Fields module. If you have any further queries, suggestions or customization then please add a ticket to HelpDesk Support.

    Current Product Version - 2.1.1.9

    Supported Framework Version - 2.x.x.x, 3.x.x.x

    . . .

    Comments (2)

    Add Your Comment

  • Andrew
    Hi There, will the Opencart Checkout Custom Fields work with Journal 3 theme?
    • Archana Tiwari
      Hello Andrew,
      Yes, Opencart Checkout Custom Field will be compatible with Journal 3 theme.
      For further queries regarding the module, you can drop a mail at support@webkul.com. Thanks
  • Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index