# woocommerce-pos/1.10.5/templates/pos.php

WCPOS – Point of Sale (POS) plugin for WooCommerce, version 1.10.5. 115 lines.

- Page: https://pluginprobe.com/plugins/woocommerce-pos/1.10.5/code/templates/pos.php
- Raw: https://pluginprobe.com/plugins/woocommerce-pos/1.10.5/raw/templates/pos.php
- Modified: 2026-07-21T22:35:58+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.5/code/templates/pos.php#L10-L20`.

```php
<?php
/**
 * POS template.
 *
 * This template can be overridden by copying it to yourtheme/woocommerce-pos/pos.php.
 * HOWEVER, this is not recommended , don't be surprised if your POS breaks
 */

\defined( 'ABSPATH' ) || exit;
?>
<!DOCTYPE html>
<html>
<head>
	<title><?php /* translators: Document title shown for the POS page. */ esc_html_e( 'Point of Sale', 'woocommerce-pos' ); ?> - <?php echo esc_html( bloginfo( 'name' ) ); ?></title>
	<meta charset="utf-8"/>

	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
	<meta name="theme-color" content="#000000">
	<meta name="mobile-web-app-capable" content="yes">

	<link rel="icon" href="<?php echo esc_attr( WCPOS\WooCommercePOS\PLUGIN_URL ); ?>assets/img/favicon.ico">
	<link rel="icon" type="image/png" sizes="32x32"
		  href="<?php echo esc_attr( WCPOS\WooCommercePOS\PLUGIN_URL ); ?>assets/img/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16"
		  href="<?php echo esc_attr( WCPOS\WooCommercePOS\PLUGIN_URL ); ?>assets/img/favicon-16x16.png">
	<link rel="apple-touch-icon" sizes="180x180"
		  href="<?php echo esc_attr( WCPOS\WooCommercePOS\PLUGIN_URL ); ?>assets/img/apple-touch-icon.png">

	<!-- IE 10 Metro tile icon -->
	<meta name="msapplication-TileColor" content="#323A46">
	<meta name="msapplication-TileImage"
		  content="<?php echo esc_attr( WCPOS\WooCommercePOS\PLUGIN_URL ); ?>assets/img/icon-256x256.png">

	<style>
		/**
		 * Matches Expo build

		 * Extend the react-native-web reset:
		 * https://necolas.github.io/react-native-web/docs/setup/#root-element
		 */
		html,
		body,
		#root {
			width: 100%;
			/* To smooth any scrolling behavior */
			-webkit-overflow-scrolling: touch;
			margin: 0px;
			padding: 0px;
			/* Allows content to fill the viewport and go beyond the bottom */
			min-height: 100%;
		}
		#root {
			flex-shrink: 0;
			flex-basis: auto;
			flex-grow: 1;
			display: flex;
			flex: 1;
		}

		html {
			scroll-behavior: smooth;
			/* Prevent text size change on orientation change https://gist.github.com/tfausak/2222823#file-ios-8-web-app-html-L138 */
			-webkit-text-size-adjust: 100%;
			height: calc(100% + env(safe-area-inset-top));
		}

		body {
			display: flex;
			/* Allows you to scroll below the viewport; default value is visible */
			overflow-y: auto;
			overscroll-behavior-y: none;
			text-rendering: optimizeLegibility;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			-ms-overflow-style: scrollbar;
		}
		/* Enable for apps that support dark-theme */
		/*@media (prefers-color-scheme: dark) {
		  body {
			background-color: black;
		  }
		}*/

		#splash {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: 100%;
			width: 100%;
			background-color: #fafbfc;
		}

		#splash img {
			width: 120px;
			height: 120px;
		}
	</style>

	<?php do_action( 'woocommerce_pos_head' ); ?>
</head>
<body>

<div id="root">
	<div id="splash">
		<img src="<?php echo esc_attr( WCPOS\WooCommercePOS\PLUGIN_URL ); ?>assets/img/wcpos-icon.svg"
			 alt="WCPOS"/>
	</div>
</div>

</body>
<?php do_action( 'woocommerce_pos_footer' ); ?>

</html>

```
