> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/options/storefront-display-and-design/show-options-on-orders/order-invoice.md).

# Display option on order invoice

Add option details to printed invoices produced by Shopify's Order Printer app.

## Order invoice with Shopify Order Printer

The Product Options app integrates with Shopify's Order Printer, enabling option details to appear on printed invoices.

### Steps to configure

{% stepper %}
{% step %}

### Access **Apps** from your Shopify admin dashboard

{% endstep %}

{% step %}

### Locate and select **Order Printer** from your installed apps

<figure><img src="https://3141646361-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkMyxhAk2ZlJa4wZQGfBI%2Fuploads%2Fgit-blob-c537a5b06dd381b1e84cbc7fe22390f74ab1db8d%2Fscreenshot-order-invoice-open-order-printer.png?alt=media" alt="The Apps list in Shopify admin with Order Printer highlighted"><figcaption><p>Open Order Printer from your list of installed apps.</p></figcaption></figure>
{% endstep %}

{% step %}

### Navigate to **Manage Templates** and choose **Invoice**

<figure><img src="https://3141646361-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkMyxhAk2ZlJa4wZQGfBI%2Fuploads%2Fgit-blob-59da58a256b4a8513f7e6b1302301813d8b821da%2Fscreenshot-order-invoice-manage-templates.png?alt=media" alt="The Order Printer templates screen with Manage templates and the Invoice template highlighted"><figcaption><p>Manage templates, then open the Invoice template.</p></figcaption></figure>
{% endstep %}

{% step %}

### Download the invoice template from the provided GitHub repository

[Click this button to download](https://github.com/globo-software/display-cart-line-item-in-notification/blob/main/gpo-order-invoice.liquid)
{% endstep %}

{% step %}

### Copy this code snippet into the Template Details section

```liquid
<div class="gpo-properties">
	{% assign property_size = line_item.properties | size %} 
	{% if property_size > 0 %} 
	{% for p in line_item.properties %} 
	<div class="gpo-property">
		{% assign first_character_in_key = p.first | truncate: 1, '' %}
		{% unless p.last == blank or first_character_in_key == '_' %} 
		<span>{{ p.first }}: </span>
		{%- if p.last contains '/uploads/' -%} 
		<a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a> 
		{%- else -%} 
		{{ p.last }} 
		{%- endif -%} 
		{% endunless %} 
	</div> 
	{% endfor %}
{% endif %} 
</div>
```

<figure><img src="https://3141646361-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkMyxhAk2ZlJa4wZQGfBI%2Fuploads%2Fgit-blob-539a567acf1e851db0a127c0a6ff96dda2ad25f5%2Fscreenshot-order-invoice-template-details.png?alt=media" alt="The invoice template editor with the snippet pasted into the Template Details field"><figcaption><p>Paste the snippet into the Template Details section.</p></figcaption></figure>
{% endstep %}

{% step %}

### Click **Save** to finalize changes

{% endstep %}
{% endstepper %}

### Support

{% hint style="info" %}
📩 **Need help?** If you run into any issues creating a new option set, don't hesitate to reach out! Email us anytime at [**contact@globo.io**](mailto:contact@globo.io) — we're here to help with sincere support.

See [Contact support](/options/help/contact-support.md).
{% endhint %}
