Feat: Show bank transfer instructions on order confirmation page
This commit is contained in:
@@ -975,12 +975,41 @@ textarea.bbk-field-input { resize: vertical; }
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.bbk-confirmation-address-heading {
|
||||
.bbk-confirmation-address-heading,
|
||||
.bbk-confirmation-bank-transfer-heading {
|
||||
margin: 0 0 0.5rem;
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.bbk-confirmation-bank-transfer {
|
||||
padding-top: 1.5rem;
|
||||
border-top: 1px solid var(--bbk-color-border);
|
||||
}
|
||||
|
||||
/* Store-authored rich text (ManageStoreDetails' RichEditor) — may be
|
||||
paragraphs, bold text or a bank/IBAN/BIC table. */
|
||||
.bbk-confirmation-bank-transfer-body {
|
||||
font-size: 0.875rem;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.bbk-confirmation-bank-transfer-body > :first-child { margin-top: 0; }
|
||||
.bbk-confirmation-bank-transfer-body > :last-child { margin-bottom: 0; }
|
||||
|
||||
.bbk-confirmation-bank-transfer-body table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.bbk-confirmation-bank-transfer-body th,
|
||||
.bbk-confirmation-bank-transfer-body td {
|
||||
padding: 0.375rem 0.5rem;
|
||||
border: 1px solid var(--bbk-color-border);
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.bbk-address-lines {
|
||||
font-style: normal;
|
||||
display: flex;
|
||||
|
||||
@@ -2,6 +2,9 @@
|
||||
Order confirmation. Reached only via a session flash of the placed order id
|
||||
(CheckoutController::confirmation) — not deep-linkable. $order is a
|
||||
Lunar\Models\Order with lines + shipping/billing addresses eager-loaded.
|
||||
$bankTransferInstructions is already-sanitized HTML from
|
||||
StoreDetailsService::bankTransferInstructionsFor(), or null unless this
|
||||
is a bank transfer order with instructions filled in for this locale.
|
||||
--}}
|
||||
@extends('layouts.app')
|
||||
|
||||
@@ -128,5 +131,12 @@
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($bankTransferInstructions)
|
||||
<section class="bbk-confirmation-bank-transfer">
|
||||
<h2 class="bbk-confirmation-bank-transfer-heading">{{ __('checkout.page.confirmation_bank_transfer_heading') }}</h2>
|
||||
<div class="bbk-confirmation-bank-transfer-body">{!! $bankTransferInstructions !!}</div>
|
||||
</section>
|
||||
@endif
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user