Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi all,
I haven't found a solution for my question so I open a new topic.
As said in title, i want to add the possibility for my costumer to track their order with 17track, far better than the tracking option shopify automaticaly furnish.
Idealy i would like to automaticaly change the shopify tracking url by the 17track one for all my order, if someone know how to do this ?!
If no answer to this, my question is how could i automaticaly add the tracking number in the "value" of "input" (where is "Numéro de suivi" line 4 of script further down). Or even better, run the script with the tracking number so the widget is automatycaly open when arriving on the page.
At the moment, i been able to add this script, better than nothing :
<script>
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Suivre votre commande :</h2>',
'<input type="text" value="Numéro de suivi" id="YQNum" maxlength="50"/><input type="button" value="SUIVRE" onclick="doTrack()"/><div id="YQContainer"></div>'
)
</script>
<!--Le script peut être mis en bas de page. Attendez que cette dernière soit chargée et exécutez.-->
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
function doTrack() {
var num = document.getElementById("YQNum").value;
if(num===""){
alert("Enter your number.");
return;
}
YQV5.trackSingle({
//Requis, spécifiez l'ID du conteneur du contenu de l'hôte.
YQ_ContainerId:"YQContainer",
//Optionnel, spécifiez la hauteur du résultat du numéro de suivi. Hauteur max de 800px, la valeur par défaut est 560px.
YQ_Height:560,
//Optionnel, sélectionnez le transporteur, identifié automatiquement par défaut.
YQ_Fc:"0",
//Optionnel, spécifiez la langue de l'interface, cette dernière est automatiquement détectée selon les paramètres de votre navigateur.
YQ_Lang:"fr",
//Requis, spécifiez ce dont le numéro a besoin pour être suivi.
YQ_Num:num
});
}
</script>
Cheers
Damien
Anyone that could help ?
Someone around here ????
I've tried with {{ line_item.fulfillment.tracking_number | escape }} as value but still nothing appear...
<script>
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Suivi détaillé de votre commande avec 17TRACK :</h2><p>Insérez manuellement votre numéro de suivi ci-dessous et cliquez sur SUIVRE',
'<input type="text" value="{{ line_item.fulfillment.tracking_number | escape }}" style="border:solid 1px lightgrey;" id="YQNum" maxlength="50"/> <input type="button" value="SUIVRE" style="color:white; background-color:#23a10a; padding:3px 15px; border-radius:5px;" onclick="doTrack()"/><br><div id="YQContainer"></div>'
)
</script>
Bonjour @Dams-Care,
I understand that you want to add a French order tracking page with 17Track. Although our reply comes late, we think it might help those who have similar problems with you. As you can find, 17Track doesn't support French well.
In comparison, ParcelPanel Order Tracking app is a perfect choice for you, and we provide flexible pricing. As soon as you install ParcelPanel, you'll get the URL of the automatically generated tracking page which perfectly fits your branding. If you need further customization, don't hesitate to contact us and take advantage of our free expert service.
To set up a French order tracking page, you just need to go to the "Tracking page" settings of ParcelPanel. Choose "Language," select "French" in the drop-down menu, and save the "settings".
This is how the default appearance is. You may further customize the look and feel with ParcelPanel.
ParcelPanel is the top Shopify order tracking app with the highest rating and the largest user base, as you can find in the screenshot below.
If you're interested in ParcelPanel, use this link to get a 30-day free trial (instead of the standard 7-day trial).
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025