Hi Everyone,
I’m trying to remove the images that appear next to the product title on my packing lists, but I cannot see where to do so (I use the Debut theme). Could anyone kindly advise if this is possible please?
Thank you!
Charlotte
Hello @Primroseliving
The Packing Slip is present in “Settings” → “Shipping” → “Edit Packing Slip”. Let me know if you need additional guidance, if yes please paste your code below.
Cheers!
Hi, Thank you so much! I did find where the packing slip was, but I’m not entirely sure what part of the code to edit to remove the images. I’m just trying to save a bit on printing the orders out, and keeping it to black and white with no product images 
Can you copy/paste the code here? We will solve it for you swiftly.
Heya,
I noticed that there was no response from the previous person. I have also tried to remove the images from the template too, but the alignment is all wonky.
Is there any chance you could help me out here? The code is pasted below:
{{ shop.name }}
Order {{ order.name }}
{{ order.created_at | date: "%B %e, %Y" }}
{% if delivery_method.instructions != blank %}
Delivery to
{% else %}
Ship to
{% endif %}
{% if shipping_address != blank %}
{{ shipping_address.name }}
{% if shipping_address.company != blank %}
{{ shipping_address.company }}
{% endif %}
{{ shipping_address.address1 }}
{% if shipping_address.address2 != blank %}
{{ shipping_address.address2 }}
{% endif %}
{% if shipping_address.city_province_zip != blank %}
{{ shipping_address.city_province_zip }}
{% endif %}
{{ shipping_address.country }}
{% if shipping_address.phone != blank %}
{{ shipping_address.phone }}
{% endif %}
{% else %}
No shipping address
{% endif %}
Bill to
{% if billing_address != blank %}
{{ billing_address.name }}
{% if billing_address.company != blank %}
{{ billing_address.company }}
{% endif %}
{{ billing_address.address1 }}
{% if billing_address.address2 != blank %}
{{ billing_address.address2 }}
{% endif %}
{% if billing_address.city_province_zip != blank %}
{{ billing_address.city_province_zip }}
{% endif %}
{{ billing_address.country }}
{% else %}
No billing address
{% endif %}
---
Items
Quantity
{% comment %}
To adjust the size of line item images, change desired_image_size.
The other variables make sure your images print at high quality.
{% endcomment %}
{% assign desired_image_size = 58 %}
{% assign resolution_adjusted_size = desired_image_size | times: 300 | divided_by: 72 | ceil %}
{% capture effective_image_dimensions %}
{{ resolution_adjusted_size }}x{{ resolution_adjusted_size }}
{% endcapture %}
{% for line_item in line_items_in_shipment %}
{% if line_item.image != blank %}
{{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
{% endif %}
{{ line_item.title }}
{% if line_item.variant_title != blank %}
{{ line_item.variant_title }}
{% endif %}
{% if line_item.sku != blank %}
{{ line_item.sku }}
{% endif %}
{{ line_item.shipping_quantity }} of {{ line_item.quantity }}
{% endfor %}
{% unless includes_all_line_items_in_order %}
---
There are other items from your order not included in this shipment.
{% endunless %}
---
{% if order.note != blank %}
Notes
{{ order.note }}
{% endif %}
{% if delivery_method.instructions != blank %}
Delivery instructions
{{ delivery_method.instructions }}
{% endif %}
Thank you for shopping with us!
<strong>
{{ shop.name }}
</strong>
{{ shop_address.summary }}
{{ shop.email }}
{{ shop.domain }}
Heya,
I already did remove the image related code in the template, but the alignment is off. The quantities appear on different lines compared to the product.
Try with removing the CSS of image and add the padding of flex-line-item-quantity.
Hope that this will solve your query.
Heya,
Thanks for trying to help me here I really appreciate it.
I removed the CSS of image, and then added the padding, but it turned out worse lol.
Image of the padding I added to the code:
What that looks like now:
Please adjust the padding or margin top of the quantity instead of items.
Heya,
I have tried that as well, but no change. The packing slip still looks the same as the last image that I sent.
Clearly I am not doing something right lol.
Try this as well
.flex-line-item-quantity {
padding/padding-top/margin/margin-top: 0px;
}
P.S.: Use properties as per your need, change the px as required.
Heya, thanks so much for your help on this but it still hasn’t changed the way the packing slip looks.
For now I think I will give up lol but really appreciate your help here. Thank you!
1 Like
If you want a quick fix, the easiest solution that I found was to change the image size to 1%. That’s all I had to change. It just looks like a high bullet point next to the item. Everything else stays in tact and works great!.
{% assign desired_image_size = 58 %} >> Changed 58% to 1 %. Done!
1 Like
Hey thanks for that
I managed to fix it with the help of the friend. I needed to remove one more piece of the code, but obviously I missed it at the time haha.
Here is the code in case you wanted it:
{{ shop.name }}
Order {{ order.name }}
{{ order.created_at | date: "%B %e, %Y" }}
{% if delivery_method.instructions != blank %}
Delivery to
{% else %}
Ship to
{% endif %}
{% if shipping_address != blank %}
{{ shipping_address.name }}
{% if shipping_address.company != blank %}
{{ shipping_address.company }}
{% endif %}
{{ shipping_address.address1 }}
{% if shipping_address.address2 != blank %}
{{ shipping_address.address2 }}
{% endif %}
{% if shipping_address.city_province_zip != blank %}
{{ shipping_address.city_province_zip }}
{% endif %}
{{ shipping_address.country }}
{% if shipping_address.phone != blank %}
{{ shipping_address.phone }}
{% endif %}
{% else %}
No shipping address
{% endif %}
Bill to
{% if billing_address != blank %}
{{ billing_address.name }}
{% if billing_address.company != blank %}
{{ billing_address.company }}
{% endif %}
{{ billing_address.address1 }}
{% if billing_address.address2 != blank %}
{{ billing_address.address2 }}
{% endif %}
{% if billing_address.city_province_zip != blank %}
{{ billing_address.city_province_zip }}
{% endif %}
{{ billing_address.country }}
{% else %}
No billing address
{% endif %}
---
Items
Quantity
{% comment %}
To adjust the size of line item images, change desired_image_size.
The other variables make sure your images print at high quality.
{% endcomment %}
{% assign desired_image_size = 58 %}
{% assign resolution_adjusted_size = desired_image_size | times: 300 | divided_by: 72 | ceil %}
{% capture effective_image_dimensions %}
{{ resolution_adjusted_size }}x{{ resolution_adjusted_size }}
{% endcapture %}
{% for line_item in line_items_in_shipment %}
{{ line_item.title }}
{% if line_item.variant_title != blank %}
{{ line_item.variant_title }}
{% endif %}
{% if line_item.sku != blank %}
{{ line_item.sku }}
{% endif %}
{{ line_item.shipping_quantity }} of {{ line_item.quantity }}
{% endfor %}
{% unless includes_all_line_items_in_order %}
---
There are other items from your order not included in this shipment.
{% endunless %}
---
{% if order.note != blank %}
Notes
{{ order.note }}
{% endif %}
{% if delivery_method.instructions != blank %}
Delivery instructions
{{ delivery_method.instructions }}
{% endif %}
Thank you for shopping with us!
<strong>
{{ shop.name }}
</strong>
{{ shop_address.summary }}
{{ shop.email }}
{{ shop.domain }}
Thank you for this! I changed it to 0% and it was gone completely!
1 Like
My pleasure! I’m so happy to hear it helped. Quicker the fix, the better!