Tracking number not shown on orders page

idutta2007
Tourist
10 0 7

I created a new store two days back and submitted two test orders.  The orders went fine to the order fulfillment company and, once the orders were fulfilled, Shopify showed the order status as fulfilled. So far so good. However, Shopify is not showing the tracking numbers on the order status page.  If I click on the order number to see the detail of the order, I can see the tracking number there. So I know the tracking number is synced back to Shopify correctly. It just does not show up on the orders page.

I think it is just a display issue - but I am not able to pinpoint where the problem is.  Do I have to change some settings somewhere or change any HTML/CSS/liquid files?

idutta2007_0-1637003246134.png

 

Any help will be appreciated.

Thanks

Indra

 

Replies 5 (5)

KetanKumar
Shopify Partner
36843 3636 11978

@idutta2007 

yes please order page code so i will check and update code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
idutta2007
Tourist
10 0 7

Hi Ketan,

 

I can't find the order page code in the theme. There is a customer/order.liquid file which shows detail of the customer order.  That's all I could find anything related to the order. I am using the Minimal theme. So if you can figure out which file lists the orders for the store, I will paste it here.

Thanks

Indra

KetanKumar
Shopify Partner
36843 3636 11978

@idutta2007 

yes please sent this file code

customer/order.liquid 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
idutta2007
Tourist
10 0 7

Here is the file content:

<div class="section-header section-header--large">
<h1 class="section-header__title">{{ 'customer.account.title' | t }}</h1>
</div>

<p><a href="{{ routes.account_url }}">{{ 'customer.account.return' | t }}</a></p>

<div class="grid">

<div class="grid__item one-whole">
<h2 class="h4">{{ 'customer.order.title' | t: name: order.name }}</h2>

<p>{{ 'customer.order.date' | t: date: order.created_at | date: format: 'date_at_time' }}</p>

{%- if order.cancelled -%}
<div class="errors">
{%- assign cancelled_at = order.cancelled_at | date: format: 'date_at_time' -%}
<p class="h5">{{ 'customer.order.cancelled' | t: date: cancelled_at }}</p>
<p>{{ 'customer.order.cancelled_reason' | t: reason: order.cancel_reason }}</p>
</div>
{%- endif -%}

<table class="order-table">
<thead>
<tr>
<th scope="col">{{ 'customer.order.product' | t }}</th>
<th scope="col">{{ 'customer.order.sku' | t }}</th>
<th class="text-right" scope="col">{{ 'customer.order.price' | t }}</th>
<th class="text-right" scope="col">{{ 'customer.order.quantity' | t }}</th>
<th class="text-right" scope="col">{{ 'customer.order.total' | t }}</th>
</tr>
</thead>
<tbody>
{%- for line_item in order.line_items -%}
<tr id="{{ line_item.key }}">
<th class="order-table__product" scope="row" data-label="{{ 'customer.order.product' | t }}">
<div>
{{ line_item.title | link_to: line_item.product.url }}
{%- assign property_size = line_item.properties | size -%}
{% unless line_item.selling_plan_allocation == nil and property_size == 0 %}
<div class="item-props">
{% unless line_item.selling_plan_allocation == nil %}
<span class="item-props__property">
{{ line_item.selling_plan_allocation.selling_plan.name }}
</span>
{% endunless %}
{% if property_size != 0 %}
{% for property in line_item.properties %}
{% assign property_first_char = property.first | slice: 0 %}
{% if property.last != blank and property_first_char != '_' %}
<span class="item-props__property">
{{ property.first }}:&nbsp;
{%- if property.last contains '/uploads/' -%}
<a href="{{ property.last }}">{{ property.last | split: '/' | last }}</a>
{%- else -%}
{{ property.last }}
{%- endif -%}
</span>
{% endif %}
{% endfor %}
{% endif %}
</div>
{% endunless %}
{%- if line_item.line_level_discount_allocations != blank -%}
<ul class="order-discount order-discount--list order-discount--title" aria-label="{{ 'customer.order.discount' | t }}">
{%- for discount_allocation in line_item.line_level_discount_allocations -%}
<li class="order-discount__item">
<span class="icon icon-saletag" aria-hidden="true"></span>{{ discount_allocation.discount_application.title }} (-{{ discount_allocation.amount | money }})
</li>
{%- endfor -%}
</ul>
{%- endif -%}
</div>
{%- if line_item.fulfillment -%}
<div class="note">
{%- assign created_at = line_item.fulfillment.created_at | date: format: 'date' -%}
{{ 'customer.order.fulfilled_at' | t: date: created_at }}
<div>
{%- if line_item.fulfillment.tracking_url -%}
<a href="{{ line_item.fulfillment.tracking_url }}">
{{ 'customer.order.track_shipment' | t }}
</a>
{%- endif -%}
<div>
{{ line_item.fulfillment.tracking_company }}
{%- if line_item.fulfillment.tracking_number -%} #{{ line_item.fulfillment.tracking_number }} {%- endif -%}
</div>
</div>
</div>
{%- endif -%}
</th>
<td data-label="{{ 'customer.order.sku' | t }}">{{ line_item.sku }}</td>
<td class="text-right" data-label="{{ 'customer.order.price' | t }}">
{%- if line_item.original_price != line_item.final_price -%}
<span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
<del>{{ line_item.original_price | money }}</del>
<span class="visually-hidden">{{ 'products.product.sale_price' | t }}</span>
<span class="order-discount">{{ line_item.final_price | money }}</span>
{%- else -%}
{{ line_item.original_price | money }}
{%- endif -%}

{%- if line_item.unit_price_measurement -%}
{% include 'product-unit-price', variant: line_item, available: true %}
{%- endif -%}
</td>
<td class="text-right" data-label="{{ 'customer.order.quantity' | t }}">{{ line_item.quantity }}</td>
<td class="text-right" data-label="{{ 'customer.order.total' | t }}">
{%- if line_item.original_line_price != line_item.final_line_price -%}
<span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
<del>{{ line_item.original_line_price | money }}</del>
<span class="visually-hidden">{{ 'products.product.sale_price' | t }}</span>
<span class="order-discount">{{ line_item.final_line_price | money }}</span>
{%- else -%}
{{ line_item.original_line_price | money }}
{%- endif -%}
</td>
</tr>
{%- endfor -%}
</tbody>
<tfoot>
<tr>
<th scope="row" colspan="4" class="medium-down--hide">{{ 'customer.order.subtotal' | t }}</th>
<td class="text-right" data-label="{{ 'customer.order.subtotal' | t }}">{{ order.line_items_subtotal_price | money }}</td>
</tr>

{%- if order.cart_level_discount_applications != blank -%}
<tr>
{%- for discount_application in order.cart_level_discount_applications -%}
<th scope="row" colspan="4" class="medium-down--hide">
{{ 'customer.order.discount' | t }}
<span class="order-discount order-discount--title">
<span class="icon icon-saletag" aria-hidden="true"></span>{{- discount_application.title -}}
</span>
</th>
<td class="text-right" data-label="{{ 'customer.order.discount' | t }}">
<div class="order-discount-wrapper">
<span class="order-discount order-discount--title text-left large--hide">
<span class="icon icon-saletag" aria-hidden="true"></span>{{- discount_application.title -}}
</span>
<span class="order-discount">-{{ discount_application.total_allocated_amount | money }}</span>
</div>
</td>
{%- endfor -%}
</tr>
{%- endif -%}

{%- for shipping_method in order.shipping_methods -%}
<tr>
<th scope="row" colspan="4" class="medium-down--hide">{{ 'customer.order.shipping' | t }} ({{ shipping_method.title }})</th>
<td class="text-right" data-label="{{ 'customer.order.shipping' | t }} ({{ shipping_method.title }})">{{ shipping_method.price | money }}</td>
</tr>
{%- endfor -%}

{%- for tax_line in order.tax_lines -%}
<tr>
<th scope="row" colspan="4" class="medium-down--hide">{{ 'customer.order.tax' | t }} ({{ tax_line.title }} {{ tax_line.rate | times: 100 }}%)</th>
<td class="text-right" data-label="{{ 'customer.order.tax' | t }} ({{ tax_line.title }} {{ tax_line.rate | times: 100 }}%)">{{ tax_line.price | money }}</td>
</tr>
{%- endfor -%}

<tr>
<th scope="row" colspan="4" class="medium-down--hide">{{ 'customer.order.total' | t }}</th>
<td class="text-right" data-label="{{ 'customer.order.total' | t }}">{{ order.total_price | money }} {{ order.currency }}</td>
</tr>
</tfoot>
</table>

</div>

<div class="grid__item one-whole">

<h2 class="h4">{{ 'customer.order.billing_address' | t }}</h2>

<p><strong>{{ 'customer.order.payment_status' | t }}:</strong> {{ order.financial_status_label }}</p>

{{ order.billing_address | format_address }}

<h2 class="h4">{{ 'customer.order.shipping_address' | t }}</h2>

<p><strong>{{ 'customer.order.fulfillment_status' | t }}:</strong> {{ order.fulfillment_status_label }}</p>

{{ order.shipping_address | format_address }}

</div>

</div>

 

Thanks

Indra

KetanKumar
Shopify Partner
36843 3636 11978

@idutta2007 

thanks for code i have check 

its already there can you please inform Shopify help center

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing