Added instructions in thank you page for promptpay payment.

assets/css/omise-css.css

@@ -595,3 +595,13 @@ line-height: 2;
     width: 100%;
 	margin-bottom: 1rem;
 }
+
+.qr-alert-box {
+	padding: 15px;
+	margin: 20px 0;
+	border: 1px solid black;
+}
+
+.align-left {
+	text-align: left;
+}

includes/gateway/class-omise-payment-promptpay.php

@@ -132,11 +132,23 @@ public function display_qrcode( $order, $context = 'view' ) {
 
 		if ( 'view' === $context ) : ?>
 			<div id="omise-offline-additional-details" class="omise omise-additional-payment-details-box omise-promptpay-details" <?php echo 'email' === $context ? 'style="margin-bottom: 4em; text-align:center;"' : ''; ?>>
-				<p><?php echo __( 'Scan the QR code to pay', 'omise' ); ?></p>
+				<p><strong><?php echo __( 'Scan the QR code to pay', 'omise' ); ?></strong></p>
+
+				<div class="qr-alert-box">
+					<p><strong>Please follow the instructions below to make payment:</strong></p>
+					<ul class="align-left">
+						<li>Download the QR code or open your preferred bank app to scan it</li>
+						<li>Check that the payment details are correct</li>
+						<li>Import the QR code image into your bank app or scan the QR code with your bank app to pay.</li>
+						<li>Share the payment slip from your bank app to the seller</li>
+					</ul>
+				</div>
+
 				<div class="omise omise-promptpay-qrcode" alt="Opn Payments QR code ID: <?php echo $charge['source']['scannable_code']['image']['id']; ?>">
 					<?php $this->load_qr_svg_to_DOM($qrcode, 'omise-promptpay-qrcode-svg') ?>
 				</div>
 				<a id="omise-download-promptpay-qr" class="omise-download-promptpay-qr" href="<?php echo $qrcode ?>" download="qr_code.svg">Download QR</a>
+
 				<div>
 					<?php echo __( 'Payment expires in: ', 'omise' ); ?>
 					<?php echo wc_format_datetime( $expires_datetime, wc_date_format() ); ?>