How to add line for each items in packing slip ?
thanks for helping
like that
Topic summary
A user asks how to add horizontal lines separating each item in their Shopify packing slip template.
Solution provided:
- Navigate to Shopify Admin > Settings > Shipping and Delivery > Packing Slips
- Edit the packing slip template
- Locate the line items section code (typically within
{% for line in shipping_lines %}) - Add CSS styling to create horizontal lines:
- Insert
<hr>tag after each</tr>(table row) element - Apply CSS properties:
border: 0; border-top: 1px solid #ddd; margin: 10px 0;
- Insert
- Save changes and test the packing slip
The response includes step-by-step instructions for modifying the template code to achieve the visual separation shown in the user’s reference image.
Hi @Greenswift
To add a line for each item in the packing slip as shown in the image:
- Go to Shopify Admin > Settings > Shipping and Delivery > Packing Slips.
- Click Edit next to your packing slip template.
- Locate the code that generates the line items section, typically inside {% for line in shipping_label.line_items %}.
- Add the following CSS to style lines for each item:
hr {
border: 0;
border-top: 1px solid #ddd;
margin: 10px 0;
}
Then, Insert
after the tag for each line item row.
Lastly, Save changes and test the packing slip.
This will create a horizontal line separating items.
Regards,