Show Customizations on Packing Slips

Update Shopify's packing slip template so each product prints the customer's Podifai selections, uploaded image, and Live Preview image. Setup takes about five minutes and requires no additional app.

Before You Start

• Use a store owner or staff account with Settings permission.
• Have a real order containing Podifai customizations ready.
• Allow about five minutes.

1. Open the Packing Slip Code

In Shopify Admin, go to Settings → Shipping and delivery, scroll to Packing slips, and click Edit.

2. Back Up the Current Template

Select all the code, copy it, and save it in a plain-text file. Revert to default restores Shopify's original code, not your previous customizations.

3. Add the Image Settings and Shipment Warning

Find the first {% endcapture %} and replace that line with:

{% endcapture %}

{% assign podifai_thumbnail_width = 120 %}
{% assign podifai_upload_thumbnails = true %}

{% unless includes_all_line_items_in_order %}
  <p class="shipment-warning">
    This slip lists every item on order {{ order.name }}. Some of them are
    <strong>not in this shipment</strong> — check the order before packing.
  </p>
{% endunless %}

podifai_thumbnail_width controls image width. Set podifai_upload_thumbnails to false to print an upload filename without its thumbnail.

4. Read Items from the Order

Find the block that starts with {% for line_item in line_items_in_shipment %} and includes its flex-line-item-img section. Replace it with:

{% for line_item in order.line_items %}
  <div class="flex-line-item">
    <div class="flex-line-item-img">
      <div class="aspect-ratio" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
        {% if line_item.image %}
          {{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
        {% elsif line_item.variant.image %}
          {{ line_item.variant.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
        {% elsif line_item.product.featured_image %}
          {{ line_item.product.featured_image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
        {% endif %}
      </div>
    </div>

This exposes the customization properties and falls back from the line-item image to the variant image and then the product featured image.

5. Add the Customization Details

Find the product-description closing tag immediately before <div class="flex-line-item-quantity">. Replace those two lines with:

{% if line_item.properties %}
  <div class="line-item-properties">
    {% for property in line_item.properties %}
      {% assign property_first_char = property.first | slice: 0 %}
      {% if property.last != blank and property_first_char != '_' %}
        <div class="line-item-property">
          {% assign label_last_char = property.first | slice: -1 %}
          <span class="property-label">{{ property.first }}{% unless label_last_char == ':' %}:{% endunless %}</span>
          {% if property.first contains 'Live Preview Image' %}
            <img src="{{ property.last }}" width="{{ podifai_thumbnail_width }}" class="property-image">
          {% elsif property.last contains '/uploads/' %}
            <span class="property-value">{{ property.last | split: '/' | last | split: '?' | first }}</span>
            {% if podifai_upload_thumbnails %}
              <img src="{{ property.last }}" width="{{ podifai_thumbnail_width }}" class="property-image">
            {% endif %}
          {% else %}
            <span class="property-value">{{ property.last }}</span>
          {% endif %}
        </div>
      {% endif %}
    {% endfor %}
  </div>
{% endif %}
</div>
<div class="flex-line-item-quantity">

6. Fix the Quantity

Replace:

{{ line_item.shipping_quantity }} of {{ line_item.quantity }}

with:

{{ line_item.quantity }}

7. Add the Styling

Find <style type="text/css"> near the bottom and replace that line with this block. Keep Shopify's existing styles below it.

<style type="text/css">
  .shipment-warning { margin: 1em 0 0; padding: 0.6em 0.8em; border: 1px solid #b25e00;
    border-left-width: 4px; background: #fff6e5; line-height: 1.45; page-break-inside: avoid; }
  .line-item-properties { margin-top: 0.55em; font-size: 0.87em; line-height: 1.5; }
  .line-item-property { margin: 0.2em 0; page-break-inside: avoid; }
  .property-label { font-weight: bold; margin-right: 0.35em; }
  .property-value { word-break: break-word; }
  .property-image { display: block; max-width: 100%; height: auto;
    border: 1px solid rgba(195, 207, 216, 0.6); margin: 0.3em 0 0.15em; }

8. Save

Click Save. Closing the editor without saving keeps the old template.

9. Print and Check a Real Order

Open a customized order and choose More actions → Print packing slip. Confirm that:

• Each customer-facing option appears on its own line with your Podifai label.
• An upload shows its filename without the trailing ?v= and displays a thumbnail.
• Every Live Preview view displays as an image.
• No printed name begins with an underscore.

Troubleshooting

Nothing appears under the product name

The loop is probably still using line_items_in_shipment. Repeat Step 4 and test a real customized order.

Internal fields or a long JSON line appears

Repeat Step 5 and restore both conditions: the value is not blank and the property name does not start with _.

Labels print but images are blank

Check the editor preview. If images are blank there too, send the order number to Podifai Support so the image URL can be checked.

The slip includes items not in the box

This is expected for a partial shipment. The slip lists the full order and shows the warning from Step 3. Check the shipment before packing.

You cannot find an exact block

Your template has probably already been customized. Stop editing and send the Step 2 backup to Podifai Support so existing customizations are not lost.

Related Guides

• Show Customizations in Order Confirmation Emails
• Podifai Orders and Shopify Admin
• Shopify packing slip customization guide