Setup component

Configuration

Go to the menu navigation Configuration

Switch tabs to configure

Handle Shipment Request

        Making user account for each customer to handle shipment request

Create customer: Menu Component-> JB Logistics -> Customer

Create Way Bill

Status Airway Bills

Search Tracking Module

Request For Quote

VI. Manipulating the frontend


The JB Logistic Components

  1.  Setup component.

  1. Download the component from the our website in the DOWNLOAD section.
  2. Go to your Joomla! websites Administration.
  3. Log into your Admin account.
  4. From the menu at the top of the page select "Extensions" -> "Extension Manager".
  5. Under "Upload Package File" Click the "Choose File" button.
  6. Select the zip file you downloaded from our site and click the "Upload & Install" button.
  7.  Your component is now installed and can be found under "Components" -> "JB Logistics".

  1. Configuration.

  1. Go to the menu navigation Configuration.

  1. Switch tabs to configure

The templates are sent as HTML, so you can use HTML tags for things like headings, lists or adding images. In this email will include information relate the waybill.You can using template that I had already like below. (copy all)

<table class=" mceItemTable" style="width: 772px; height: 101px; border: 1px solid #000000; padding: 10px;" border="0">

<tbody>

<tr>

<td style="background: none repeat scroll 0% 0% orange; padding: 5px; color: #ffffff;"><b>Waybill Created</b></td>

</tr>

<tr>

<td style="padding: 5px;"><strong>Shipment booking status:  </strong>Order status of this shipment is <span style="background-color: #ffff00;"><strong><span style="color: #000000;">{status}</span></strong></span> and the Airwaybill numbers for this itinerary has been emailed. Thank you booking with logistic.joombooking.com</td>

</tr>

<tr>

<td style="background: none repeat scroll 0% 0% orange; padding: 5px; color: #ffffff;"><strong>Customer Information</strong></td>

</tr>

<tr>

<td style="padding: 5px;">

<table class=" mceItemTable" style="width: 718px;" border="0">

<tbody>

<tr>

<td style="padding: 5px;">Customer:</td>

<td style="padding: 5px;">

<p><strong>{consignor} </strong></p>

</td>

<td style="padding: 5px;">Email:</td>

<td style="padding: 5px;"><strong>{email}</strong></td>

<td style="padding: 5px;"> </td>

<td style="padding: 5px;"> </td>

</tr>

<tr>

<td style="padding: 5px;">To Customer:</td>

<td style="padding: 5px;">

<p><strong>{consignee} </strong></p>

</td>

</tr>

<tr>

<td style="padding: 5px;">Waybill Number:</td>

<td style="padding: 5px;"><span style="background-color: #ffff00;"><strong><span style="color: #000000;">{airwaybill_number}</span></strong></span></td>

<td style="padding: 5px;">From:</td>

<td style="padding: 5px;"><span style="background-color: #ffff00;"><strong><span style="color: #000000;">{origin}</span></strong></span></td>

<td style="padding: 5px;"> To:</td>

<td style="padding: 5px;">{destination}</td>

</tr>

<tr>

<td style="padding: 5px;">Container no:</td>

<td style="padding: 5px;"><strong>{container_no}</strong></td>

<td style="padding: 5px;"> </td>

<td style="padding: 5px;"> </td>

</tr>

<tr>

<td colspan="10">You can track your booking by enter booking number code at:<br />

<div style="font-size: 11px;">{airway_link}</div>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

<td style="background: none repeat scroll 0% 0% #fff1cc; padding: 5px;"><strong style="font-size: 8pt;"><span style="font-size: 10pt; color: #0a0a0a;">For any changes to the itinerary call us 14/7 Toll Free:</span> US &amp; Canada<strong style="color: #f11609;">(800) 327-8900</strong> Puerto Rico &amp; USVI<strong style="color: #f11609;">(888) 879-8900</strong> British Virgin Islands<strong style="color: #f11609;">(284) 495-8900</strong> Florida<strong style="color: #f11609;">(800) 435-8900</strong> Other Areas<strong style="color: #f11609;">(954) 434-8900</strong></strong></td>

</tr>

</tbody>

</table>

<p> </p>

To can use, first you have to go to icon “source code” and paste all of them in the blank source code and then click button “Save” to save data. You also edit them if you want.

+ Source code

        + Copy all HTML code above and then paste in here.

Similar to Waybill Info with HTML code below

<table class=" mceItemTable" style="width: 772px; height: 21px; border: 1px solid #000000; padding: 10px;" border="0">

<tbody>

<tr>

<td style="background: none repeat scroll 0% 0% orange; padding: 5px; color: #ffffff;"><b>Waybill Status Created</b></td>

</tr>

<tr>

<td style="padding: 5px;">

<p><strong>Shipment booking status:  </strong>Order status of this shipment is {status}. We always update order status tracking to customers by each time.</p>

<p>Thank you booking with logistic.joombooking.com</p>

</td>

</tr>

<tr>

<td style="background: none repeat scroll 0% 0% orange; padding: 5px; color: #ffffff;"><strong>Info  of status your shipment booking</strong></td>

</tr>

<tr>

<td style="padding: 5px;">

<table class=" mceItemTable" style="width: 718px;" border="0">

<tbody>

<tr>

<td style="padding: 5px;">Customer:</td>

<td style="padding: 5px;">

<p><strong>{consignor} </strong></p>

</td>

<td style="padding: 5px;">Email:</td>

<td style="padding: 5px;"><strong>{email}</strong></td>

<td style="padding: 5px;"> </td>

<td style="padding: 5px;"> </td>

</tr>

<tr>

<td style="padding: 5px;"><span style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 18px;">Description Status</span>:</td>

<td style="padding: 5px;">

<p><strong>{desc} </strong></p>

</td>

</tr>

<tr>

<td style="padding: 5px;">Date:</td>

<td style="padding: 5px;"><strong>{status_date}</strong></td>

<td style="padding: 5px;">Hour:</td>

<td style="padding: 5px;"><strong>{hour}</strong></td>

<td style="padding: 5px;"> Minutes:</td>

<td style="padding: 5px;">{minutes}</td>

</tr>

<tr>

<td style="padding: 5px;">

<p>Details:</p>

</td>

<td style="padding: 5px;"><strong>{details}</strong></td>

<td style="padding: 5px;"> Location:</td>

<td style="padding: 5px;">{location}</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

<td style="background: none repeat scroll 0% 0% #fff1cc; padding: 5px;"><strong style="font-size: 8pt;"><span style="font-size: 10pt; color: #0a0a0a;">For any changes to the itinerary call us 14/7 Toll Free:</span> US &amp; Canada<strong style="color: #f11609;">(800) 327-8900</strong> Puerto Rico &amp; USVI<strong style="color: #f11609;">(888) 879-8900</strong> British Virgin Islands<strong style="color: #f11609;">(284) 495-8900</strong> Florida<strong style="color: #f11609;">(800) 435-8900</strong> Other Areas<strong style="color: #f11609;">(954) 434-8900</strong></strong></td>

</tr>

</tbody>

</table>

<p> </p>

In here, you will fill information about your company include company name, website, address and logo. This information will be retrieved to display when print waybill.

  1. Handle Shipment Request

Shipment Request contains information that customer books Shipment to transport company on frontend. This information includes shipment, consignor and consignee information; the adminstrator also fill information direct to backend.

1.         Making user account for each customer to handle shipment request

Enter menu User-> User Manager: Add New User

  1.         Create customer: Menu Component-> JB Logistics -> Customer

  1. Create Way Bill

+ Searching each customer's bill of lading during a period of time;

+ Send button to send the information on the bill of lading for the customer by email. Sothe customers can track the status their shipments in accordance with Waybill Number# and AWB / DO / Container code.

+ Print button to print out a list of each customer's bill of lading.

  1.  Status Airway Bills

Menu Component-> JB Logistics -> Status Airway Bills

With each Way Bill will have to the status are created which showing the status of the shipment.

- Field Tracking_number: Select a waybill need to write status, by filtering Waybill Number # code.

- The remaining cases shipment detail description shipped;

- Corresponding to each state was saved, the system will automatically send a notification email to the respective customers;

  1. Search Tracking Module

This module allowscustomers can track the status their shipments in accordance with Waybill Number# and AWB / DO / Container code.

Go to Extensions -> Modules ->mod_search_tracking-> choose tab Module, you will see like picture below:

  1. Request For Quote

Menu Component-> JB Logistics ->Request For Quote

Request For Quote is a form shown on frontend, in order to customer can send request to be anwsered to transport company. Form after submiting on frontend and content will be saved and manage in this section.

VI. Manipulating the frontend

-  Create Menu Item

Select Menus -> Menu Items -> New Menu

Ex: Select Shipment Booking (receive customer information)

->Form Shipment Booking shown on frontend.

- After log in, the system will automatically filter out waybill for that customer.

- Click button “Print” to print the report