Liquid, JavaScript, themes, sales channels
Hi Everyone,
I want to show Shipping method & tracking number on the order history table, by doing this, customers can immediately see the shipping method & tracking number for each order in the order history list.
Is this possible?
thank you
Solved! Go to the solution
This is an accepted solution.
Try these instead @ariesto
<th>Shipping Method</th>
<td> {%- for line_item in order.line_items -%} <div> {{ line_item.fulfillment.tracking_company }} {%- if line_item.fulfillment.tracking_number -%} #{{ line_item.fulfillment.tracking_number }} {%- endif -%} </div> {%- endfor -%} </td>
@Lixon_Louis Thank you,
So, I tried to edit customer/account.liquid
{%- if customer.orders.size != 0 -%} {%- paginate customer.orders by 20 -%} <table class="responsive-table orders-table"> <thead> <tr> <th scope="col">{{ 'customer.orders.order_number' | t }}</th> <th scope="col">{{ 'customer.orders.date' | t }}</th> <th scope="col">{{ 'customer.orders.payment_status' | t }}</th> <th scope="col">{{ 'customer.orders.fulfillment_status' | t }}</th> <th scope="col">{{ 'customer.orders.total' | t }}</th> </tr> </thead> <tbody> {%- for order in customer.orders -%} <tr> <th data-label="{{ 'customer.orders.order_number' | t }}" scope="row"> <a href="{{ order.customer_url }}" class="btn btn--secondary btn--small js_add_ld" aria-label="{{ 'customer.orders.order_number_link' | t: number: order.name }}">{{ order.name }}</a> </th> <td data-label="{{ 'customer.orders.date' | t }}">{{ order.created_at | time_tag: format: 'date' }}</td> <td data-label="{{ 'customer.orders.payment_status' | t }}">{{ order.financial_status_label }}</td> <td data-label="{{ 'customer.orders.fulfillment_status' | t }}">{{ order.fulfillment_status_label }}</td> <td data-label="{{ 'customer.orders.total' | t }}">{{ order.total_price | money_with_currency }}</td> </tr> {%- endfor -%} </tbody> </table> {%- if paginate.pages > 1 -%}{% render 'pagination', paginate: paginate, cl_a:' js_add_ld' %}{%- endif -%} {%- endpaginate -%} {%- else -%} <div class="shopify-message"><i class="facl facl-ok"></i><a class="btn_link fwsb tu mr__10" href="{{routes.all_products_collection_url | sort_by: 'best-selling'}}">{{ 'customer.make_order' | t }}</a> {{ 'customer.orders.none' | t }}</div> {%- endif -%}
And put this code for table column heading
<th scope="col">{{ 'customer.orders.shipping_method' | t }}</th>
and this for table content
<td data-label="{{ 'customer.orders.shipping_method' | t }}">{{ fulfillment.tracking_number }}</td>
but the tracking number data does not appear.
I am still new in coding, please advise thank you
This is an accepted solution.
Try these instead @ariesto
<th>Shipping Method</th>
<td> {%- for line_item in order.line_items -%} <div> {{ line_item.fulfillment.tracking_company }} {%- if line_item.fulfillment.tracking_number -%} #{{ line_item.fulfillment.tracking_number }} {%- endif -%} </div> {%- endfor -%} </td>
Hello,
this is returning the same data twice if there are 2 products in the order.
Is there any way to prevent this?
Thanks
Can you tell me where to add this code. I almost have it!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024