fix: spinner loading during basket loading

bin/javascript/init.js

@@ -364,7 +364,7 @@ window.addEvent('domready', function () {
 
                             new Element('span', {
                                 'class': 'quiqqer-order-basketButton-quantity quiqqer-order-basketButton-batch-custom',
-                                html   : '0'
+                                html   : '<span class="fa fa-spinner fa-spin"></span>'
                             }).inject(BasketNode);
 
                             if (BASKET_STYLE && BASKET_STYLE === 'full') {

template/menu/menuSuffix.html

@@ -10,14 +10,18 @@
         <button disabled class="quiqqer-order-basketButton button--callToAction tpl-btn basket-style-{$basketStyle}"
                 style="float: right;"><span class="quiqqer-order-basketButton-icon-custom"><span
                 class="fa fa-shopping-basket"></span></span><span
-                class="quiqqer-order-basketButton-quantity quiqqer-order-basketButton-batch-custom">0</span></button>
+                class="quiqqer-order-basketButton-quantity quiqqer-order-basketButton-batch-custom">
+            <span class="fa fa-spinner fa-spin"></span>
+        </span></button>
         {else}
         <button disabled class="quiqqer-order-basketButton button--callToAction tpl-btn basket-style-full"
                 style="float: right;">
                 <span class="quiqqer-order-basketButton-icon-custom">
                     <span class="fa fa-shopping-basket"></span>
                 </span>
-            <span class="quiqqer-order-basketButton-quantity quiqqer-order-basketButton-batch-custom">0</span>
+            <span class="quiqqer-order-basketButton-quantity quiqqer-order-basketButton-batch-custom">
+                <span class="fa fa-spinner fa-spin"></span>
+            </span>
             <span class="quiqqer-order-basketButton-sum">
                     {*$InitialBasketPrice->getDisplayPrice()*}
                     {$initialBasketPrice}