Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello! I have an interesting project which requires me to pass a line item from a product page which takes an upload image and then saves it to Shopify's CDN. I then need to display this image in a preview on the packing slip. It's already showing on the order page. I guess I'm just looking for advice on how to reference this new code on the liquid packing slip. I've also played with it a tad bit and it sometimes displays the products set image in shopify (which is how I somehow need to change the value name for the packing slip liquid). Any help much appreciated.
Code on the product page that enables the upload:
<p class="line-item-property__field">
<label for="custom_photo">Photo (JPG or PNG)</label>
<input required id="custom_photo" type="file" name="properties[Photo]">
</p>
Code current on the packing slip which isn't working to display this image:
{% if line_item.image != blank %}
{{ line_item.custom_photo | img_url: '150x150' | img_tag }}
{% endif %}
current packing slip with code above:
order page preview:
@atxer any progress on this? I have a similar issue where I have a base64 string in a line_item property and it won't preview the image. Works just fine in the emails however... 🤔
Any progress on this?
Trying to achieve a quite similiar thing here.
And a question:
With your approach, does your custom-generated line-item image stay associated with it throughout the entire order life-cycle (or is it only shown during checkout process)?
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025