服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #
当前位置: 主页 > php教程 > magento教程 >

Magento订单跟踪号获取方式

时间:2016-12-16 10:44来源:未知 作者:最模板 点击:
Magento前台 订单页面获取订单跟踪号等方式 显得格外繁琐 而不够美观,为什么不把跟踪号直接显示在订单详细页面,而是需要另外点击查看,(可能是考虑到航运信息api 可是这个功能

hicoogle magento order
Magento前台 订单页面获取订单跟踪号等方式 显得格外繁琐 而不够美观,为什么不把跟踪号直接显示在订单详细页面,而是需要另外点击查看,(可能是考虑到航运信息api 可是这个功能对于我们根本用不上)

通过ajax获取航运订单跟踪号 然后在通过jquery添加一个跟踪地址(来源于另外一个家伙,忘记他的地址,可惜它的代码有问题不能用,搬过来修改完善)
接下来说说如何去修改
/app/design/frontend/default/你的模板/template/sales/order/info.phtml (如果没有这个文件,把base对应的文件借过来)

图片中我是将页面分为左右2个部分即:
order-info-box-left(地址 支付信息)
order-info-box-right(“关于这个订单” ,所以ajax获取的跟踪号也在这个div中)

在页面尾部添加以下代码:

<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地址获取数据,
需要修改几行给调用的URL 加上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,
.........

以上内容网络转载,本人觉得用得着,所以就转载过来,大家也可以在下面评论处分享你的看法。

(责任编辑:最模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容