Line Separating Product and Spacing in Packing Slip

[CKS]

Hi all,

I have been editing my packing slip for the past week to suit my needs and stumble upon few issues that I couldn’t find how to do, would it possible for someone to show me the way? Basically I am not a programmer and found my way from searching the forums, but couldn’t seem to find the answer for my problems:

1. How to add line separating each products in the packing slip when I have more than 1 product.

2. How to shorten the spacing for all the lines (from the header to footer) as to maximize space.

Please find below the code that I have currently adjust for my packing slip:

  

    

         
![LOGO_PNG_BLACK-01.png?v=1557460778|2480x2481](upload://3AWwZafHrMS9I7W7NyjUYMCCZtk.png)

    

    
      

        Order {{ order.name }}
      

      

        {{ order.created_at | date: "%B %e, %Y" }}
      

             
       
      

        Shipping Method
      

                

        {% if order.shipping_method != blank %}
          {{ order.shipping_method.title }}
        {% else %}
          No shipping required
        {% endif %}                       
           

         

        

        
    
    

  
  
    

      

        Shipping to
      

      

        {% 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 }}
          

          {{ shipping_address.phone }}
        {% else %}
          No shipping address
        {% endif %}
      

    

    
      

        
    

  

  

---

  
    

      
      

        

          Items
        

      

      
        

          Quantity
        

      

    

    {% for line_item in line_items_in_shipment %}
          
        

          

            
              - **{{ line_item.title }}**
            
            {% if line_item.variant_title != blank %}
              
                {{ line_item.variant_title }}
                {% if line_item.sku != blank %}
                  •
                  {{ line_item.sku }}
                {% endif %}
              
            {% elsif line_item.sku != blank %}
             
            {% endif %}
          

        

        
          

            {{ line_item.shipping_quantity }} pcs
          

        

      

    {% 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 %}
  
    

      Thank you for shopping with us!
    

    

      <strong>
        {{ shop.name }}
      </strong>
      

      {{ shop.email }}
      

      +62 877-4636-7879
      

      {{ shop.domain }}
    

  

Thank you and will appreciate any feedbacks.

Regards,

Gerry

[suyash1]

@CKS - from this code it is difficult to imagine spacing part, do you have any webpage link of this packing slip?

[CKS]

Hi @suyash1

Thank you for the reply.

Please see below of my current packing slip print out, the blue line indicating the line separating the product for question 1 and the red is the space between article for question no 2.

Regards,

Gerry

[suyash1]

@CKS - please use border bottom css for product item line or

---

tag in html to add line

to be honest it is quite difficult to tell the exact place from screenshot but should be after this code part

            
              - **{{ line_item.title }}**
            
            {% if line_item.variant_title != blank %}
              
                {{ line_item.variant_title }}
                {% if line_item.sku != blank %}
                  •
                  {{ line_item.sku }}
                {% endif %}
              
            {% elsif line_item.sku != blank %}
             
            {% endif %}
          

---

[CKS]

Hi Suyash,

First of all, thank you for the offered solution. I have tried it and also try to add the

---

to the number of items column as well, but it seems the position needs to be adjusted as its crossing the product name itself and between the line item and item qty doesn’t create seamless line. I have attached the result below in this reply.

The end location itself doesn’t have to be precise, only have to be between the product name and qty, the purpose is for my warehouse team could connect between item name and qty correctly.

Do you have any solution for this?

Thanks in advance.

Gerry