通过ajax获取航运订单跟踪号 然后在通过jquery添加一个跟踪地址(来源于另外一个家伙,忘记他的地址,可惜它的代码有问题不能用,搬过来修改完善)
图片中我是将页面分为左右2个部分即: 在页面尾部添加以下代码: <script type="text/javascript"> jQuery(document).ready(function () { if ( jQuery('h2.table-caption a').length > 0 ) { //判断是否有添加跟踪信息 jQuery.ajax({ url: "<?php echo $this->helper('shipping')->getTrackingPopupUrlBySalesModel($_order) ?>", type: "GET", dataType: "text", beforeSend: function(){ jQuery('.my-account .order-info-box-right dd').after('<img style="padding:19px" class="loading" src="<?php echo $this->getSkinUrl('images/loading.gif') ?>" />');//加载ajax之前出现的loading图片 }, success: function ( code ) { var method = jQuery(code).find('.label').text(); var trackingNumber = jQuery(code).find('.value').text(); if (method.replace(/ .*/,"") == "USPS") {//判断标题是否是USPS //注意大小写与添加的Title要一致 var carrierURL = "https://tools.usps.com/go/TrackConfirmAction!execute.action?formattedLabel="; var trackingURL = carrierURL + trackingNumber; }; if (method.replace(/ .*/,"") == "UPS") { var carrierURL = "http://wwwapps.ups.com/WebTracking/track?track=yes&trackNums="; var trackingURL = carrierURL + trackingNumber; }; if (method.replace(/ .*/,"") == "DHL") { var carrierURL = "http://www.dhl.com/en/express/tracking.shtml?pageToInclude=RESULTS&type=fasttrack&AWB="; var trackingURL = carrierURL + trackingNumber; };//可以添加很多..... jQuery('h2.table-caption span, h2.table-caption a').remove();//移除跟踪订单链接 jQuery('.my-account .order-info-box-right dd').after('<div class="ordertrackinnumber" style="float:left;padding:8px;"><bb style="float: left; text-align: center;">Tracking Number:</bb><bb style="float:left;font-weight:800;color:#066cc3;">' +trackingNumber + '</bb><p style="float:left;margin:10px 0px;"><bb>Carrier:</bb><bb>' + method + '</bb><img style="padding: 0 0 0 9px;" src="<?php echo $this->getSkinUrl('images/shipping/') ?>' + method + '.jpg" /></p></div>'); //此处我添加了一个航运图片logo,将图片上传到skin 对应的模板/images/shipping/中 注意图片命名大小写 与添加的Title要一致 jQuery('.my-account .order-info-box-right .ordertrackinnumber:first').after('<a target="_blank" href="' + trackingURL + '">Track Your Order</a>'); }, complete: function() {jQuery('.my-account .order-info-box-right .loading').remove();} });//加载完成,隐藏loading图片 }; }); </script> 到这里还没完成,还有一处要修改,/app/design/frontend/default/你的模板/template/shipping/tracking/popup.phtml(如果没有这个文件,把base对应的文件借过来),大概124行: <!--if the tracking is custom value--> <tr> <th class="label"><?php echo ($track['title'] ? $this->escapeHtml($track['title']) : $this->__('N/A')); ?>:</th> <!--// 去掉</th> 前面的这个":" 这一步很关键 后台添加 跟踪号 一定要 vustom value 方式--> <td class="value"><?php echo (isset($track['number']) ? $this->escapeHtml($track['number']) : ''); ?></td> </tr> 简单的代码,目的是让客人更方面跟踪订单,一目了然,同时把info.phtml也共享给大家参考。
如果有配置ssl (https)ajax无法从非https地址获取数据, if ( jQuery('h2.table-caption a').length > 0 ) { onClickAction = "<?php echo $this->helper('shipping')->getTrackingPopupUrlBySalesModel($_order) ?>"; var URLstripped = onClickAction.replace("http://", "https://"); jQuery.ajax({ url: URLstripped, ......... 以上内容网络转载,本人觉得用得着,所以就转载过来,大家也可以在下面评论处分享你的看法。 (责任编辑:最模板) |