Fix mobile checkout

FosterCommerce · Feb 27, 2025 · a764e88 · a764e88
1 parent f7494a0
commit a764e88
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 4 deletions.
diff --git a/src/templates/checkout/address.twig b/src/templates/checkout/address.twig
@@ -181,6 +181,17 @@
 							</button>
 						</div>
 
+						<div class="lg:hidden mt-4 grid grid-cols-1 gap-4 p-4 bg-gray-200 sm:p-6">
+
+							<button
+								type="submit"
+								class="block w-full px-4 py-3 font-medium text-white text-center bg-[var(--brandColor)] border border-[var(--brandColor)] rounded-xl"
+							>
+								{{ 'Next Step'|t('foster-checkout') }}
+							</button>
+
+						</div>
+
 					</form>
 
 					{% include 'foster-checkout/_components/app/steps-uncompleted' with {
@@ -238,9 +249,9 @@
 {% block mobileFooter %}
 
 	{% if cart.lineItems|length > 0 %}
-		<div class="grid grid-cols-1 gap-4 p-4 bg-gray-200 sm:p-6">
+		<div class="hidden grid grid-cols-1 gap-4 p-4 bg-gray-200 sm:p-6">
 			<a
-					href="#"
+					href="{{ craft.fostercheckout.getPath('cancel') }}"
 					class="block w-full px-4 py-3 font-medium text-[var(--brandColor)] text-center bg-white border border-[var(--brandColor)] rounded-xl"
 			>
 				{{ 'Continue Shopping'|t('foster-checkout') }}
@@ -251,6 +262,7 @@
 			>
 				{{ 'Next Step'|t('foster-checkout') }}
 			</button>
+			</form>
 		</div>
 	{% endif %}
 

diff --git a/src/templates/checkout/shipping.twig b/src/templates/checkout/shipping.twig
@@ -49,7 +49,7 @@
 
 						{{ csrfInput() }}
 						{{ actionInput('commerce/cart/update-cart') }}
-						
+
 						{% if cart.availableShippingMethodOptions|length >= 1 %}
 							{{ redirectInput(craft.fostercheckout.getPath('checkout') ~ '/payment') }}
 						{% else %}
@@ -126,6 +126,17 @@
 							</button>
 						</div>
 
+						<div class="lg:hidden mt-4 grid grid-cols-1 gap-4 p-4 bg-gray-200 sm:p-6">
+
+							<button
+								type="submit"
+								class="block w-full px-4 py-3 font-medium text-white text-center bg-[var(--brandColor)] border border-[var(--brandColor)] rounded-xl"
+							>
+								{{ 'Next Step'|t('foster-checkout') }}
+							</button>
+
+						</div>
+
 					</form>
 
 					{% include 'foster-checkout/_components/app/steps-uncompleted' with {
@@ -183,7 +194,7 @@
 {% block mobileFooter %}
 
 	{% if cart.lineItems|length > 0 %}
-		<div class="grid grid-cols-1 gap-4 p-4 bg-gray-200 sm:p-6">
+		<div class="hidden grid grid-cols-1 gap-4 p-4 bg-gray-200 sm:p-6">
 			<a
 				href="#"
 				class="block w-full px-4 py-3 font-medium text-[var(--brandColor)] text-center bg-white border border-[var(--brandColor)] rounded-xl"