如何设置Shopify订单属性的固定排列顺序？

情况1：通过订单元字段（Metafields）存储经纬度 #

如果你是用元字段来管理经纬度信息，最稳妥的方式是通过自定义Liquid模板强制控制显示顺序，彻底摆脱系统默认排序的影响：

1. 找到你主题中负责渲染订单详情的模板文件（通常是sections/order-details.liquid或者templates/order.liquid）
2. 找到循环输出订单元字段的代码块，一般是这样的：

   {% for metafield in order.metafields.custom %}
     <div class="order-meta">
       <span>{{ metafield.key | capitalize }}:</span>
       <span>{{ metafield.value }}</span>
     </div>
   {% endfor %}
   

3. 把这段循环替换成手动指定输出顺序的代码，优先渲染纬度，再渲染经度，最后处理其他元字段：

   <!-- 优先输出纬度 -->
   {% if order.metafields.custom.latitude %}
     <div class="order-meta">
       <span>Latitude:</span>
       <span>{{ order.metafields.custom.latitude.value }}</span>
     </div>
   {% endif %}
   
   <!-- 接着输出经度 -->
   {% if order.metafields.custom.longitude %}
     <div class="order-meta">
       <span>Longitude:</span>
       <span>{{ order.metafields.custom.longitude.value }}</span>
     </div>
   {% endif %}
   
   <!-- 输出剩余的其他元字段（可选） -->
   {% for metafield in order.metafields.custom %}
     {% unless metafield.key == 'latitude' or metafield.key == 'longitude' %}
       <div class="order-meta">
         <span>{{ metafield.key | capitalize }}:</span>
         <span>{{ metafield.value }}</span>
       </div>
     {% endunless %}
   {% endfor %}
   

情况2：通过订单自定义属性（Line Item Properties）添加经纬度 #

如果是在结账环节通过自定义表单收集的经纬度，默认会按表单提交顺序存储，但主题渲染逻辑可能打乱顺序。同样可以通过修改模板解决：

1. 找到渲染订单属性的代码，通常类似：

   {% for property in order.properties %}
     {% unless property.last == blank %}
       <div class="order-property">
         <span>{{ property.first }}:</span>
         <span>{{ property.last }}</span>
       </div>
     {% endunless %}
   {% endfor %}
   

2. 替换为手动指定顺序的代码：

   <!-- 先输出纬度 -->
   {% if order.properties['Latitude'] %}
     <div class="order-property">
       <span>Latitude:</span>
       <span>{{ order.properties['Latitude'] }}</span>
     </div>
   {% endif %}
   
   <!-- 再输出经度 -->
   {% if order.properties['Longitude'] %}
     <div class="order-property">
       <span>Longitude:</span>
       <span>{{ order.properties['Longitude'] }}</span>
     </div>
   {% endif %}
   
   <!-- 输出剩余的其他订单属性 -->
   {% for property in order.properties %}
     {% unless property.first == 'Latitude' or property.first == 'Longitude' %}
       {% unless property.last == blank %}
         <div class="order-property">
           <span>{{ property.first }}:</span>
           <span>{{ property.last }}</span>
         </div>
       {% endunless %}
     {% endunless %}
   {% endfor %}
   

⚠️ 注意：这里的'Latitude'和'Longitude'要和你结账表单里的字段名称完全一致（区分大小写）。

额外小提示 #

• 修改模板前一定要先备份主题文件，避免出错后无法快速恢复。
• 如果只是商家后台订单详情页的顺序混乱，这个是Shopify系统默认逻辑无法修改，但商家端的顺序不影响顾客体验；如果是顾客端订单页面的顺序问题，上面的模板修改方法完全适用。

内容的提问来源于stack exchange，提问作者Mithi Techie