- Überarbeitung Footer

- Einbinden der Bezahloptionen als Grafik

frontend/_public/src/less/_modules/footer.less

@@ -159,5 +159,14 @@ footer {
             .footer--phone-link {
               font-weight: @font-light-weight; } }
           .cds--clearfix {
-            .unitize(padding-top,20); } } } } }
+            .unitize(padding-top,20); } } }
+      .footer--bottom {
+        .unitize-padding(16,0);
+        .payment--list{
+          list-style-type: none;
+          .entry--list {
+            .unitize-padding(0);
+            .unitize(margin-right,10);
+            display: inline-block;
+            float: left; } } } } }
 }

frontend/_public/src/less/_modules/global.less

@@ -21,7 +21,8 @@
 .cds--align-center {
   text-align: center; }
 
-.cds--clearfix {
+.cds--clearfix,
+.cds--clearfix:after{
   clear: both;
   display: table;
   height: 0; }

frontend/index/footer.tpl

@@ -17,19 +17,44 @@
         <div class="container">
             <div class="footer--bottom">
 
-                {* Vat info *}
+                {* Payment info *}
-                {block name='frontend_index_footer_vatinfo'}
+                {block name='frontend_index_footer_paymentinfo'}
-                    <div class="footer--vat-info">
+                    <div class="footer--pay-info">
-                        <p class="vat-info--text">
+                        <ul class="payment--list cds--clearfix">
-                            {if $sOutputNet}
+                            <li class="entry--list">
-                                {s name='FooterInfoExcludeVat' namespace="frontend/index/footer"}{/s}
+                                <img alt="PayPal" src="media/image/paypal.png" />
-                            {else}
+                            </li>
-                                {s name='FooterInfoIncludeVat' namespace="frontend/index/footer"}{/s}
+                            <li class="entry--list">
-                            {/if}
+                                <img alt="Amazon Pay" src="media/image/amazonpay.png" />
-                        </p>
+                            </li>
+                            <li class="entry--list">
+                                <img alt="Klarna" src="media/image/klarna.png" />
+                            </li>
+                            <li class="entry--list">
+                                <img alt="Visa" src="media/image/visa.png" />
+                            </li>
+                            <li class="entry--list">
+                                <img alt="American Express" src="media/image/amex.png" />
+                            </li>
+                            <li class="entry--list">
+                                <img alt="Maestro" src="media/image/maestro.png" />
+                            </li>
+                            <li class="entry--list">
+                                <img alt="MasterCard" src="media/image/mastercard.png" />
+                            </li>
+                            <li class="entry--list">
+                                <img alt="Kauf auf Rechnung" src="media/image/rechnung.png" />
+                            </li>
+                            <li class="entry--list">
+                                <img alt="Vorkasse" src="media/image/vorkasse.png" />
+                            </li>
+                        </ul>
                     </div>
                 {/block}
 
+                {* Vat info *}
+                {block name='frontend_index_footer_vatinfo'}{/block}
+
                 {block name='frontend_index_footer_minimal'}
                     {include file="frontend/index/footer_minimal.tpl" hideCopyrightNotice=true}
                 {/block}

frontend/plugins/advanced_menu/index.tpl

@@ -1,4 +1,3 @@
-
 {function name="categories_top" level=0}
 
     {$columnIndex = 0}