Add Track Button to PrestaShop Store (Version 1.7.6.5)

PrestaShop is an open-source eCommerce solution. Add the AfterShip track button to your store and streamline order tracking for customers across 700 couriers worldwide

🔧 Insert track button to Order History Page

Edit Theme File (order-detail.tpl)

Go to the start menu > FTP > Select your FTP location > Theme folder > Search for order-detail.tpl file
Search for the following code

<td>{$line.trackingnofilter}</td>

Replace it with the below-mentioned code snippet and save changes

<td>{if $line.tracking&& $line.tracking !== '-'}{literal}<divid="as-root"></div><script>(function(e,t,n){var r,i=e.getElementsByTagName(t)[0];if(e.getElementById(n)){aftership.buttonCreator.create();return;}r=e.createElement(t);r.id=n;r.src="//button.aftership.com/all.js";i.parentNode.insertBefore(r,i)})(document,"script","aftership-jssdk")</script>{/literal}<div class="as-track-button" data-domain="track.aftership.com" data-size="small" data-tracking-number="{$line.tracking}"></div>{else}-{/if}</td>

❗ Failed to add track button

If the track button is not added after the modification of FTP file, follow the below-mentioned steps.

Go to PrestaShop admin panel > Advanced parameters > Performance > Clear cache
Recompile templates if the files have been updated > Save changes

Updated on: 07/10/2022