Ymq Product Options App
  • Getting Started
    • How to enalbe app in the theme
    • Difference between Shopify Options and Virtual Options
    • How to style Shopify Options with our app
    • How to add Virtual Options to a product
    • Price Add-ons
    • Multi-select
    • How to add conditional logic to a product option
    • Option Template(Set)
  • Faq
    • Why isn’t the app showing on the product pages
    • How to download file uploads as the original file type (jpg, png)
    • How do I export the apps virtual options
    • Why doesn’t the discount code box appear in the checkout?
    • Implementation principle of app option price add-on
    • Why do my options appear twice?
    • What is the file upload limit?
    • Why theme's ajax cart is not working after using app
    • How to sync option templates to other stores
    • How to get api secret
    • sku
    • Why are the options modified in the app background not displayed in the store in real time?
    • Make shipping required for virtual options
  • Email Notifications & Packing Slips & Invoices
    • Order Confirmation (email sent to customer)
    • New Order (email sent to staff)
    • Packing Slips
    • Invoices
    • Shopify New Order Printer App
  • Option types
    • All Option Type Example
    • Text
    • Long Text
    • File Upload
  • New Checkout
    • New Draft Order
    • Without Draft Orders
    • Bundle variant
    • Hide product options
    • Main Product Title
Powered by GitBook
On this page

Was this helpful?

  1. Email Notifications & Packing Slips & Invoices

Invoices

PreviousPacking SlipsNextShopify New Order Printer App

Last updated 11 months ago

Was this helpful?

To edit invoices or packing slips, you’ll need to install this free app created by the Shopify team: .

  • Open the order printing app, click "Manage templates" in the upper right corner.

  • Select "Invoice"

  • Copy the code below to replace the original code.

<p style="float: right; text-align: right; margin: 0;">
  {{ "now" | date: "%m/%d/%y" }}<br />
  Invoice for {{ order_name }}
</p>

<div style="float: left; margin: 0 0 1.5em 0;" >
  <strong style="font-size: 2em;">{{ shop_name }}</strong><br /><br />
  {{ shop.address }}<br/>
  {{ shop.city }} {{ shop.province_code }} {{ shop.zip | upcase }}<br/>
  {{ shop.country }}
</div>

<hr />

<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>
            <br/>
            {% for p in line_item.properties %}
            {% assign p_internal = p.first | slice: 0 %}
            {% unless p.first contains "builder_id" or p.first contains "builder_info" or p.first contains "master_builder" or p_internal == "_" or p.last == "" or p.last == blank %}
            <div class="item-description-line">{{ p.first }}: {{ p.last }}</div>
            {% endunless %}
            {% endfor %}
        </td>
        {% if show_line_item_taxes %}
        <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>
    <td>Total tax:</td>
    <td>{{ tax_price | money }}</td>
  </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/>
    {{ shipping_address | format_address }}
  </div>
{% endif %}

<p>If you have any questions, please send an email to <u>{{ shop.email }}</u></p>
Shopify’s Order Printer app