# woocommerce-pos/1.10.21/templates/gallery/minimal-receipt.html

WCPOS – Point of Sale (POS) plugin for WooCommerce, version 1.10.21. 157 lines.

- Page: https://pluginprobe.com/plugins/woocommerce-pos/1.10.21/code/templates/gallery/minimal-receipt.html
- Raw: https://pluginprobe.com/plugins/woocommerce-pos/1.10.21/raw/templates/gallery/minimal-receipt.html
- Modified: 2026-08-25T07:52:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/woocommerce-pos/1.10.21/code/templates/gallery/minimal-receipt.html#L10-L20`.

```html
<!--
Minimal / Modern Receipt — compact, structured POS receipt.

A trimmed receipt with a centered store header, a bold double-border
order band, dense item rows (no table header), inline right-aligned
totals and a single payment band. Same essentials as the Standard
Receipt (store, order #/date/cashier, items, totals, payment) packed
into less vertical space.

Uses the logicless template engine with section blocks:
  {{#key}}...{{/key}}  — iterate arrays or show block for truthy values
  {{^key}}...{{/key}}  — show block when value is empty/falsy
  {{.}}                — current value (for arrays of strings)
  {{key.path}}         — dot-path placeholder substitution

Money fields are auto-formatted as currency.
No PHP required — just HTML, CSS, and placeholder variables.

Note: Logicless output passes through wp_kses_post, which strips
<style>, <head>, and document-level tags. Use inline styles only.

@see https://docs.wcpos.com/templates/receipt-data-reference
-->
<div style="box-sizing: border-box; -webkit-print-color-adjust: exact; print-color-adjust: exact; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 13px; line-height: 1.45; color: #1f2937; padding: 32px 36px;">

	<!-- ── Store identity (centered, logo above name) ─────────────── -->
	<div style="text-align: center; margin-bottom: 14px;">
		{{#store.logo}}
		<div style="margin-bottom: 8px;">
			<img src="{{store.logo}}" alt="{{store.name}}" style="max-width: 140px; height: auto; display: inline-block;">
		</div>
		{{/store.logo}}
		<div style="font-size: 22px; font-weight: 700; letter-spacing: -0.01em;">{{store.name}}</div>
		{{#store.tax_ids}}
		<div style="margin-top: 2px; color: #6b7280; font-size: 12px;">{{#label}}{{label}} {{/label}}{{value}}</div>
		{{/store.tax_ids}}
		{{#store.address_lines.0}}
		{{#store.phone}}
		<div style="margin-top: 2px; color: #6b7280; font-size: 12px;">
			{{#store.address_lines}}{{.}} · {{/store.address_lines}}{{store.phone}}
		</div>
		{{/store.phone}}
		{{^store.phone}}
		{{#store.address_lines}}
		<div style="margin-top: 2px; color: #6b7280; font-size: 12px;">{{.}}</div>
		{{/store.address_lines}}
		{{/store.phone}}
		{{/store.address_lines.0}}
		{{^store.address_lines.0}}
		{{#store.phone}}
		<div style="margin-top: 2px; color: #6b7280; font-size: 12px;">{{store.phone}}</div>
		{{/store.phone}}
		{{/store.address_lines.0}}
	</div>

	<!-- ── Order band: bold double border ─────────────── -->
	<div style="display: flex; justify-content: space-between; align-items: baseline; padding: 10px 0; border-top: 2px solid #111827; border-bottom: 2px solid #111827; font-size: 13px;">
		<div>
			<span style="font-size: 10px; letter-spacing: 0.12em; color: #6b7280; text-transform: uppercase; margin-right: 6px;">{{i18n.order}}</span>
			<strong>#{{order.number}}</strong>
		</div>
		<div style="color: #6b7280;">
			{{order.created.datetime}}{{#cashier.name}} · {{i18n.cashier}}: {{cashier.name}}{{/cashier.name}}{{#customer.name}} · {{i18n.customer}}: {{customer.name}}{{/customer.name}}
		</div>
	</div>

	<!-- ── Items (no table header) ─────────────── -->
	<div style="margin-top: 18px;">
		{{#lines}}
		<div style="display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0; border-bottom: 1px solid #f3f4f6;">
			<div>
				<div><strong>{{name}}</strong> <span style="color: #6b7280; font-size: 12px;">&times; {{qty}}</span></div>
				{{#line_savings}}<div style="color: #6b7280; font-size: 10px;"><span style="text-decoration: line-through;">{{line_regular_total_display}}</span><span style="color: #15803d;"> · {{i18n.savings}} -{{line_savings_display}}</span></div>{{/line_savings}}
			</div>
			<div style="font-variant-numeric: tabular-nums;">{{line_total_display}}</div>
		</div>
		{{/lines}}
		{{#fees}}
		<div style="display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0; border-bottom: 1px solid #f3f4f6;">
			<div><strong>{{label}}</strong></div>
			<div style="font-variant-numeric: tabular-nums;">{{total_display}}</div>
		</div>
		{{/fees}}
		{{#shipping}}
		<div style="display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0; border-bottom: 1px solid #f3f4f6;">
			<div><strong>{{label}}</strong></div>
			<div style="font-variant-numeric: tabular-nums;">{{total_display}}</div>
		</div>
		{{/shipping}}
		{{#discounts}}
		<div style="display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0; border-bottom: 1px solid #f3f4f6; color: #15803d;">
			<div><strong>{{i18n.discount}}</strong>{{#label}} · {{label}}{{/label}}</div>
			<div style="font-variant-numeric: tabular-nums;">-{{total_display}}</div>
		</div>
		{{/discounts}}
	</div>

	<!-- ── Totals (inline, right-aligned) ─────────────── -->
	<div style="margin-top: 18px; max-width: 280px; margin-left: auto; font-size: 13px;">
		<div style="display: flex; justify-content: space-between; padding: 2px 0;"><span style="color: #6b7280;">{{i18n.subtotal}}</span><span style="font-variant-numeric: tabular-nums;">{{totals.subtotal_display}}</span></div>
		{{#totals.tax_total}}
		<div style="display: flex; justify-content: space-between; padding: 2px 0;"><span style="color: #6b7280;">{{#tax.display_excl}}{{i18n.total_tax}}{{/tax.display_excl}}{{#tax.display_incl}}{{i18n.included_tax}}{{/tax.display_incl}}</span><span style="font-variant-numeric: tabular-nums;">{{totals.tax_total_display}}</span></div>
		{{/totals.tax_total}}
		<div style="border-top: 2px solid #111827; margin: 8px 0;"></div>
		<div style="display: flex; justify-content: space-between; padding: 4px 0; font-size: 18px; font-weight: 700;"><span>{{i18n.total}}</span><span style="font-variant-numeric: tabular-nums;">{{totals.total_incl_display}}</span></div>
		{{#totals.total_saved_incl}}
		<div style="display: flex; justify-content: space-between; padding: 2px 0; color: #15803d;"><span>{{i18n.total_saved}}</span><span style="font-variant-numeric: tabular-nums;">{{totals.total_saved_incl_display}}</span></div>
		{{/totals.total_saved_incl}}
		{{#totals.refund_total}}
		<div style="display: flex; justify-content: space-between; padding: 2px 0; font-size: 12px; color: #b91c1c;"><span>{{i18n.refunded}}</span><span style="font-variant-numeric: tabular-nums;">-{{totals.refund_total_display}}</span></div>
		<div style="display: flex; justify-content: space-between; padding: 4px 0; font-size: 13px; font-weight: 600; border-top: 1px solid #e5e7eb;"><span>{{i18n.net_total}}</span><span style="font-variant-numeric: tabular-nums;">{{totals.net_total_display}}</span></div>
		{{/totals.refund_total}}
	</div>

	<!-- ── Customer note (only when present) ─────────────── -->
	{{#order.customer_note}}
	<div style="margin-top: 18px; padding: 10px 12px; background: #fffbeb; border-left: 3px solid #fde68a; font-size: 12px; line-height: 1.5;">
		<div style="color: #92400e; white-space: pre-wrap;">{{order.customer_note}}</div>
	</div>
	{{/order.customer_note}}

	<!-- ── Payments (bordered band) ─────────────── -->
	{{#payments.0}}
	<div style="margin-top: 24px; padding: 14px 0; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb;">
		<div style="font-size: 10px; letter-spacing: 0.12em; color: #6b7280; text-transform: uppercase; margin-bottom: 8px;">{{i18n.paid}}</div>
		{{#payments}}
		<div style="display: flex; justify-content: space-between; align-items: baseline;">
			<div>
				<strong>{{method_title}}</strong>
			</div>
			<div style="font-variant-numeric: tabular-nums;">{{amount_display}}</div>
		</div>
		{{#tendered}}
		<div style="margin-top: 4px; display: flex; justify-content: space-between; font-size: 11px; color: #6b7280;">
			<span>{{i18n.tendered}}</span><span style="font-variant-numeric: tabular-nums;">{{tendered_display}}</span>
		</div>
		{{/tendered}}
		{{#change}}
		<div style="margin-top: 4px; display: flex; justify-content: space-between; font-size: 11px; color: #6b7280;">
			<span>{{i18n.change}}</span><span style="font-variant-numeric: tabular-nums;">{{change_display}}</span>
		</div>
		{{/change}}
		{{/payments}}
	</div>
	{{/payments.0}}

	<!-- ── Footer ─────────────── -->
	<div style="margin-top: 24px; text-align: center; color: #6b7280; font-size: 12px; font-style: italic;">
		{{#store.personal_notes}}{{store.personal_notes}}{{/store.personal_notes}}
		{{^store.personal_notes}}{{i18n.thank_you_purchase}}{{/store.personal_notes}}
	</div>
	{{#store.footer_imprint}}
	<div style="margin-top: 8px; text-align: center; font-size: 11px; color: #6b7280;">{{store.footer_imprint}}</div>
	{{/store.footer_imprint}}

</div>

```
