最新消息:Excel无乱码转CSV,由于工作原因很少更新博客和回复大家的评论,非常抱歉。

Magento订单跟踪号获取方式

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,
.........

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

原文:http://mengento.com/修改magento订单跟踪号获取方式.html

转载请注明:嗨酷哥,有你更酷! » Magento订单跟踪号获取方式

与本文相关文章

发表我的评论

取消评论
表情 插代码

Hi,您需要填写昵称和邮箱!

  • 必填项
  • 必填项