Help with coding on Order Printer pls

christinewilson
Tourist
13 0 2

Hi, trying to update my order printer invoice template, and I've messed something up and would love some help.  

1. How can I widen the tables when they print.  Before my edits the tables spanned width of page, now they are 3/4 width.  

2. I get an error for endif, but I'm not sure which line of code is causing the problem

thank you!  I really need to learn a bit more about HTML...

<html>
   <head>
      <title>HTML img Tag</title>
   </head>
 
   <body>
         height="100" >
   </body>
</html>
 
 
 <strong>{{ shipping_address.name }}</strong><br/>
<div style="float: left; margin: 0 0 1.5em 0;" >
</div>
{{ customer.first_name }}  </p>
  {{ shipping_address.phone }}
<p style="float: right; text-align: right; margin: 0;">
 
<div style="float: left; margin: 0 0 1.5em 0;" >
 
 
<h2>
 {% if customer %}
<strong style="font-size: 2em;"> {{ customer.first_name }} </strong>
{{ customer.last_name }}</h2>  <br> 
 
{% endif %}
 
 
 
 
<h3 style="margin: 0 0 1em 0;">Item Details</h3>
 
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>Quantity</th>
      <th>Item</th>
      {% if show_line_item_taxes %}
      <th>Taxes</th>
      {% endif %}
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td><b>{{ line_item.title }}</b></td>
        {% if line_item.tax_lines %}
          <td>
            {% for tax_line in line_item.tax_lines %}
              {{ tax_line.price | money }} {{ tax_line.title }}<br/>
            {% endfor %}
          </td>
        {% endif %}
        <td>
          {% if line_item.original_price != line_item.price %}
            <s>{{ line_item.original_price | money }}</s>
          {% endif %}
          {{ line_item.price | money }}
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>
 
{% if transactions.size > 1 %}
  <h3 style="margin: 0 0 1em 0;">Transaction Details</h3>
  <table class="table-tabular" style="margin: 0 0 1.5em 0;">
    <thead>
      <tr>
        <th>Type</th>
        <th>Amount</th>
        <th>Kind</th>
        <th>Status</th>
      </tr>
    </thead>
    <tbody>
      {% for transaction in transactions %}
        <tr>
          <td>{{ transaction.gateway | payment_method }}</td>
          <td>{{ transaction.amount | money }}</td>
          <td>{{ transaction.kind }}</td>
          <td>{{ transaction.status }}</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endif %}
 
<h3 style="margin: 0 0 1em 0;">Payment Details</h3>
 
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <tr>
    <td>Subtotal price:</td>
    <td>{{ subtotal_price | money }}</td>
  </tr>
  {% for discount in discounts %}
  <tr>
    <td>Includes discount "{{ discount.code }}"</td>
    <td>{{ discount.savings | money }}</td>
  </tr>
  {% endfor %}
 <tr>
 
  </tr>
  {% if shipping_address %}
    <tr>
      <td>Shipping:</td>
      <td>{{ shipping_price | money }}</td>
    </tr>
 
  {% endif %}
  <tr>
    <td><strong>Total price:</strong></td>
    <td><strong>{{ total_price | money }}</strong></td>
  </tr>
  {% if total_paid != total_price %}
    <tr>
      <td><strong>Total paid:</strong></td>
      <td><strong>{{ total_paid | money }}</strong></td>
    </tr>
    <tr>
      <td><strong>Outstanding Amount:</strong></td>
      <td><strong>{{ total_price | minus: total_paid | money }}</strong></td>
    </tr>
  {% endif %}
</table>
 
{% if note %}
  <h3 style="margin: 0 0 1em 0;">Note</h3>
  <p>{{ note }}</p>
{% endif %}
 
 
 
 
{% if shipping_address %}
  <h3 style="margin: 0 0 1em 0;">Shipping Details</h3>
 
  <div style="margin: 0 0 1em 0; padding: 1em; border: 1px solid black;">
    <strong>{{ shipping_address.name }}</strong><br/>
    {% if shipping_address.company %}
      {{ shipping_address.company }}<br/>
    {% endif %}
    {{ shipping_address.street }}<br/>
    {{ shipping_address.city }}
    {{ shipping_address.province_code }}
    {{ shipping_address.zip | upcase }}<br/>
    {{ shipping_address.country }}<br/>
  
  </div>
{% endif %}
 
<p>If you have any questions, please send an email to <u>{{ shop.email }}</u></p>

 

0 Likes