refactor: orderprocess buttons optimized for mobile

bin/css/order.css

@@ -16,6 +16,10 @@
     padding: 20px;
 }
 
+.quiqqer-order-ordering-buttons-next {
+    cursor: pointer;
+}
+
 /****************/
 /* step: basket */
 /****************/
@@ -361,6 +365,10 @@ input.quiqqer-coupons-couponcodeinput-input:active {
 }
 
 @media (max-width: 768px) {
+    .quiqqer-order-step-basket {
+        display: inline-block;
+    }
+
     .quiqqer-order-ordering header h1 {
         font-size: 2em;
     }
@@ -420,11 +428,14 @@ input.quiqqer-coupons-couponcodeinput-input:active {
         margin-bottom: 10px;
     }
 
-    .quiqqer-order-ordering-buttons-backToShop,
     .quiqqer-order-ordering-buttons-previous {
         margin-bottom: 20px;
     }
 
+    .quiqqer-order-ordering-buttons-backToShop {
+        display: none;
+    }
+
     .quiqqer-order-ordering-buttons-next,
     .quiqqer-order-ordering-buttons a {
         width: 100%;
@@ -466,6 +477,11 @@ input.quiqqer-coupons-couponcodeinput-input:active {
         display: block;
         padding: 5px 10px;
     }
+
+    .quiqqer-order-next-mobile {
+        margin-top: 20px;
+        margin-bottom: 20px;
+    }
 }
 
 .quiqqer-order-customerData-edit [name="businessType"] {

bin/javascript/init.js

@@ -3,7 +3,6 @@ var lg = 'quiqqer/template-cologne';
 window.addEvent('domready', function () {
     "use strict";
 
-
     require([
         'qui/QUI'
     ], function (QUI) {
@@ -333,7 +332,7 @@ window.addEvent('domready', function () {
  * @param UserIconControl
  * @param QUILocale
  */
-function userIconLoadEvent (UserIconControl, QUILocale) {
+function userIconLoadEvent(UserIconControl, QUILocale) {
     var Menu = UserIconControl.$Menu;
 
     require([
@@ -369,7 +368,7 @@ function userIconLoadEvent (UserIconControl, QUILocale) {
  *
  * @param LogoutWindow
  */
-function createLogoutWindow (LogoutWindow) {
+function createLogoutWindow(LogoutWindow) {
     new LogoutWindow({
         class    : 'cologne-logout-dialog',
         title    : false,
@@ -413,7 +412,7 @@ function createLogoutWindow (LogoutWindow) {
 /**
  * Create and open login popup
  */
-function createLoginWindow () {
+function createLoginWindow() {
     require([
         'Locale',
         'utils/Controls',
@@ -457,7 +456,7 @@ function createLoginWindow () {
  * In mobile resolution (less than 767px) opens category menu button
  * the mobile navigation instead category navigation.
  */
-function initMobileMenu () {
+function initMobileMenu() {
     if (QUI.getWindowSize().x >= 768) {
         return;
     }

index.php

@@ -106,7 +106,7 @@
 $templateSettings['Search']             = new QUI\ERP\Products\Controls\Search\Suggest([
     'globalsearch' => true
 ]);
-$templateSettings['registerSiteUrl']        = $registerSiteUrl;
+$templateSettings['registerSiteUrl']    = $registerSiteUrl;
 
 
 $Engine->assign($templateSettings);