I want to add tracking order system

Solved
Highlighted
Excursionist
19 0 5

Hey,

I want to add traking order option on my site with the help of codes but is am not sure what codes should be added

Is there anyone who can help me

I am using turbo 5.0 theme

RoomaFaheem_0-1604746745265.png

 

0 Likes
Highlighted

This is an accepted solution.

Hi @RoomaFaheem 

What system are you going to use to track order? you either can get paid app versions or use the 17track version which is free.

To create the free 17track system, create a new page and paste the below code in the html editor

You need to change the class of the input and button to your themes ones.

The below would get the functionality down by using 17tracks tracking system, you will need to use CSS to style it.

 

 

<div align="center">
<p>Enter your tracking number here to see your order status.</p>
<!--Tracking number input box.--> <input type="text" id="YQNum" class="Form__Input" aria-label="Your email" placeholder="Input your tracking number" /> 
<!--The button is used to call script method.--> 
<button type="submit" class="btn hero__btn" onclick="doTrack()">Track</button> <!--Container to display the tracking result.-->
<div id="YQContainer" style="width: 100%; margin: 20px auto;"></div>
</div>
<!--Script code can be put in the bottom of the page, wait until the page is loaded then execute.-->
<script type="text/javascript" src="https://www.17track.net/externalcall.js"></script>
<script type="text/javascript">// <![CDATA[
function doTrack() {
    var num = document.getElementById("YQNum").value;
    if(num===""){
        alert("Enter your number.");
        return;
    }
    YQV5.trackSingle({
        //Required, Specify the container ID of the carrier content.
        YQ_ContainerId:"YQContainer",
        //Optional, specify tracking result height, max height 800px, default is 560px.
        YQ_Height:560,
        //Optional, select carrier, default to auto identify.
        YQ_Fc:"0",
        //Optional, specify UI language, default language is automatically detected based on the browser settings.
        YQ_Lang:"en",
        //Required, specify the number needed to be tracked.
        YQ_Num:num
    });
}
// ]]></script>

 

 

 

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
1 Like
Highlighted
Excursionist
19 0 5

Thanks for your response

RoomaFaheem_0-1604750951012.png

I have added this but it is showing on the full screen

I am from pakistan and there are local courier services like M&P, Tcs, LEOPARD

How we can track the orders from these local shipping

0 Likes
Highlighted

Hi @RoomaFaheem

Like i said, you need to style it.

Check if 17track has these, 17track are a worldwide shipping tracking system. Otherwise sorry you would probably need to check those couriers if they offer an API tracking system.

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
0 Likes