custom/static-plugins/BaumarktTheme/src/Resources/views/storefront/layout/footer/footer.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
  3. {% block layout_footer_inner_container %}
  4.     {% block layout_footer_navigation %}
  5.         <div class="footer-top-row d-md-flex d-flex">
  6.             <div class="col-md-9 col-lg-10 p-0 d-flex flex-column flex-md-row align-items-start align-items-md-center flex-wrap footer-markt-button">
  7.             <div class="footer-shop-logo d-none d-md-block">
  8.                 <img class="footer-trusted-shops d-none d-md-block" src="{{ asset('bundles/baumarkttheme/assets/logo/baumarkt-logo_footer.png') }}">
  9.             </div>
  10.                 <div class="footer-market flex align-items-center d-none d-md-flex">
  11.                     <div class="navigation-market">
  12.                         <a data-store-locator="true" class="market-selection-trigger" href="#"
  13.                            {% if page.ianeoCurrentStore %}data-store-locator-type="activeStore" data-active-store="{{ page.ianeoCurrentStore }}"{% endif %}>
  14.                             {% sw_icon 'map-pin' style {'pack' : 'globus_icons'} %}
  15.                             {{ "general.marketLabel"|trans|sw_sanitize }}
  16.                         </a>
  17.                     </div>
  18.                 </div>
  19.                 <div class="footer-market-btn">
  20.                     <a href="#" class="find-market-btn btn-secondary" data-store-locator="true">
  21.                         {{ "general.findMarketBtn"|trans|sw_sanitize }}
  22.                     </a>
  23.                 </div>
  24.             </div>
  25.             <div class="col-md-2 p-0" id="footer-trusted">
  26. {#                <img class="footer-trusted-shops d-none d-md-block footer-trusted-shops-new" src="{{ asset('bundles/baumarkttheme/assets/newtrustedshop-logo.png') }}">#}
  27.                 <img class="footer-trusted-shops d-block d-md-none float-right" src="{{ asset('bundles/baumarkttheme/assets/trusted_shops-only-mobile.png') }}">
  28.             </div>
  29.         </div>
  30.         <div id="footerColumns"
  31.              class="row footer-columns"
  32.              data-collapse-footer="true">
  33.             {% block layout_footer_navigation_hotline %}
  34.             {% endblock %}
  36.             {% block layout_footer_navigation_columns %}
  38.                 {% for root in page.footer.navigation.tree %}
  39.                     {% block layout_footer_navigation_column %}
  40.                         <div class="col-md-4 col-lg-3 col-xl-2 footer-column js-footer-column">
  41.                             {% block layout_footer_navigation_information_headline %}
  42.                                 <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  43.                                      data-target="#collapseFooterTitle{{ loop.index }}"
  44.                                      aria-expanded="true"
  45.                                      aria-controls="collapseFooter{{ loop.index }}">
  47.                                     <span class="column-heading footer-column-toggle"
  48.                                           data-target="#collapseFooterTitle{{ loop.index }}"
  49.                                           aria-expanded="true"
  50.                                           aria-controls="collapseFooter{{ loop.index }}">
  51.                                         {{ root.category.translated.name }}
  52.                                     </span>
  53.                                     {% block layout_footer_navigation_information_icons %}
  54.                                         <div class="footer-column-toggle">
  55.                                             <span class="footer-plus-icon">
  56.                                                 {% sw_icon 'chevron-down' style {'pack' : 'globus_icons'} %}
  57.                                             </span>
  58.                                             <span class="footer-minus-icon">
  59.                                                 {% sw_icon 'chevron-down' style {'pack' : 'globus_icons'} %}
  60.                                             </span>
  61.                                         </div>
  62.                                     {% endblock %}
  63.                                 </div>
  64.                             {% endblock %}
  66.                             {% block layout_footer_navigation_information_content %}
  67.                                 <div id="collapseFooter{{ loop.index }}"
  68.                                      class="footer-column-content collapse js-footer-column-content"
  69.                                      aria-labelledby="collapseFooterTitle{{ loop.index }}">
  70.                                     <div class="footer-column-content-inner">
  71.                                         {% block layout_footer_navigation_information_links %}
  72.                                             <ul class="list-unstyled">
  73.                                                 {% for treeItem in root.children %}
  74.                                                     {% set category = treeItem.category %}
  75.                                                     {% set name = category.translated.name %}
  76.                                                     {% set externalLink = category.translated.externalLink %}
  77.                                                     {% set internalLink = category.internalLink %}
  78.                                                     {% block layout_footer_navigation_information_link_item %}
  79.                                                         <li class="footer-link-item">
  80.                                                             {% block layout_footer_navigation_information_link %}
  81.                                                                 <a class="footer-link"
  82.                                                                    href="{% if externalLink %}{{ externalLink }}
  83.                                                                         {% elseif internalLink %}{{ seoUrl('frontend.navigation.page', { navigationId: internalLink }) }}
  84.                                                                         {% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  85.                                                                    title="{{ name }}">
  86.                                                                     {{ name }}
  87.                                                                 </a>
  88.                                                             {% endblock %}
  89.                                                         </li>
  90.                                                     {% endblock %}
  91.                                                 {% endfor %}
  92.                                             </ul>
  93.                                         {% endblock %}
  94.                                     </div>
  95.                                 </div>
  96.                             {% endblock %}
  97.                         </div>
  98.                     {% endblock %}
  99.                 {% endfor %}
  101.                 {% block layout_footer_navigation_column_social %}
  102.                     <div class="col-md-4 col-lg-3 col-xl-2 footer-column">
  103.                         {% block layout_footer_navigation_information_headline_social %}
  104.                             <div class="footer-column-headline footer-headline footer-social-headline footer-social-headline-globus">
  105.                                 <span class="column-heading column-heading-footer">{{ "footer.socialColumnHeading"|trans|sw_sanitize }}</span>
  106.                             </div>
  107.                         {% endblock %}
  109.                         {% block layout_footer_navigation_information_content_social %}
  110.                             <div>
  111.                                 <div class="footer-column-content-inner">
  112.                                     <div class="footer-site-links footer-site-links-globus">
  113.                                         <a class="footer-site-link" href="{{ "footer.alphateccLink"|trans|sw_sanitize }}" target="_blank">
  114.                                             <img class="footer-trusted-shops" src="{{ asset('bundles/baumarkttheme/assets/footer-logos/Alphatecc_weissgruen.png') }}">
  115.                                         </a>
  116.                                         <a class="footer-site-link mt-2" href="{{ "footer.globusLink"|trans|sw_sanitize }}" target="_blank">
  117.                                             <img width="100px" class="footer-trusted-shops" src="{{ asset('bundles/baumarkttheme/assets/footer-logos/globus_sbw.svg') }}">
  118.                                         </a>
  119.                                     </div>
  120.                                     <div class="footer-social-links footer-social-links-globus">
  121.                                         <a class="footer-social-link" href="{{ "footer.facebookLink"|trans|sw_sanitize }}" target="_blank">
  122.                                             {% sw_icon 'facebook' style {'pack' : 'globus_icons'} %}
  123.                                         </a>
  124.                                         <a class="footer-social-link" href="{{ "footer.instagramLink"|trans|sw_sanitize }}" target="_blank">
  125.                                             {% sw_icon 'instagram' style {'pack' : 'globus_icons'} %}
  126.                                         </a>
  127.                                         <a class="footer-social-link" href="{{ "footer.pinterestLink"|trans|sw_sanitize }}" target="_blank">
  128.                                             {% sw_icon 'pinterest' style {'pack' : 'globus_icons'} %}
  129.                                         </a>
  130.                                         <a class="footer-social-link" href="{{ "footer.youtubeLink"|trans|sw_sanitize }}" target="_blank">
  131.                                             {% sw_icon 'youtube' style {'pack' : 'globus_icons'} %}
  132.                                         </a>
  133.                                     </div>
  134.                                 </div>
  135.                                 <div class="unsere-partner-footer d-flex  flex-column">
  136.                                     <div class="unsere-partner-footer-text text-center">
  137.                                         <span>{{ "footer.unserePartner"|trans }}</span>
  138.                                     </div>
  139.                                     <div class="unsere-partner-footer-logos justify-content-center justify-content-md-around d-flex">
  140.                                         <a class="footer-site-link" href="{{ "footer.idealoLink"|trans|sw_sanitize }}" target="_blank">
  141.                                             <img class="footer-trusted-shops" src="{{ asset('bundles/baumarkttheme/assets/footer-logos/idealo_logo.png') }}">
  142.                                         </a>
  143.                                         <a class="footer-site-link" href="{{ "footer.preisDeLink"|trans|sw_sanitize }}" target="_blank">
  144.                                             <img class="footer-trusted-shops" src="{{ asset('bundles/baumarkttheme/assets/footer-logos/preis_de_logo.png') }}">
  145.                                         </a>
  146.                                     </div>
  147.                                 </div>
  148.                             </div>
  149.                         {% endblock %}
  150.                     </div>
  151.                 {% endblock %}
  152.             {% endblock %}
  153.         </div>
  154.     {% endblock %}
  156.     {% block layout_footer_payment_shipping_logos %}
  157.         <div class="footer-payment-logos">
  158.             <div class="payment-logos-heading">
  159.                 {{ "footer.paymentHeading"|trans|sw_sanitize }}
  160.             </div>
  161.             <div class="payment-logos">
  162.                 <img class="footer-payment-logo" src="{{ asset('bundles/baumarkttheme/assets/footer-logos/payment-logos/paypal.svg') }}">
  163.                 <div class="footer-payment-logo d-flex flex-column align-items-center">
  164. {#                    {% sw_icon 'klarna' style {'pack' : 'globus_icons'} %}#}
  165.                     <span class="payment-icon-text">Rechnung</span>
  166.                 </div>
  167.                 <div class="footer-payment-logo pd-flex flex-column align-items-center">
  168. {#                    {% sw_icon 'kreditkarte' style {'pack' : 'globus_icons'} %}#}
  169.                     <span class="payment-icon-text">Kreditkarte</span>
  170.                 </div>
  171.                 <img class="footer-payment-logo" height="46px" src="{{ asset('bundles/baumarkttheme/assets/footer-logos/payment-logos/giropay.png') }}">
  172.                 <div class="footer-payment-logo d-flex flex-column align-items-center">
  173. {#                    {% sw_icon 'vorkasse' style {'pack' : 'globus_icons'} %}#}
  174.                     <span class="payment-icon-text">Vorkasse</span>
  175.                 </div>
  176.                 <div class="footer-payment-logo pd-flex flex-column align-items-center">
  177. {#                    {% sw_icon 'finanzierung' style {'pack' : 'globus_icons'} %}#}
  178.                     <span class="payment-icon-text">Finanzierung</span>
  179.                 </div>
  180.                 <div class="footer-payment-logo d-flex flex-column align-items-center">
  181. {#                    {% sw_icon 'klarna' style {'pack' : 'globus_icons'} %}#}
  182.                     <span class="payment-icon-text">Sofortüberweisung</span>
  183.                 </div>
  184.                 <div class="footer-payment-logo d-flex flex-column align-items-center">
  185. {#                    {% sw_icon 'klarna' style {'pack' : 'globus_icons'} %}#}
  186.                     <span class="payment-icon-text">Lastschrift</span>
  187.                 </div>
  188.             </div>
  189.         </div>
  191.     {% endblock %}
  193.     {% block layout_footer_bottom %}
  194.         <div class="footer-bottom">
  195.             {% block layout_footer_service_menu %}
  196.                 <div class="container footer-bottom-inner">
  198.                     {% block layout_footer_copyright %}
  199.                         <div class="footer-copyright">
  200.                             {{ "footer.copyrightInfo"|trans|sw_sanitize }}
  201.                         </div>
  202.                     {% endblock %}
  204.                     {% block layout_footer_service_menu_content %}
  205.                         <ul class="footer-service-menu-list list-unstyled">
  206.                             {% for serviceMenuItem in page.header.serviceMenu %}
  207.                                 {% block layout_footer_service_menu_item %}
  208.                                     <li class="footer-service-menu-item">
  209.                                         <a class="footer-service-menu-link"
  210.                                            href="{% if serviceMenuItem.externalLink %}{{ serviceMenuItem.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: serviceMenuItem.id }) }}{% endif %}"
  211.                                            title="{{ serviceMenuItem.translated.name }}">
  212.                                             {{ serviceMenuItem.translated.name }}
  213.                                         </a>
  214.                                     </li>
  215.                                     {% if loop.index === 3 or loop.index === 6 or loop.index === 9 %}
  216.                                         <br class="mobile-break d-sm-block d-md-none">
  217.                                     {% endif %}
  218.                                 {% endblock %}
  219.                             {% endfor %}
  221.                             <li class="footer-service-menu-item">
  222.                                 <a class="footer-service-menu-link" href="#" onclick="CookieFirst.openPanel();"
  223.                                    title="Cookie-Einstellungen">
  224.                                     Cookie-Einstellungen
  225.                                 </a>
  226.                             </li>
  227.                         </ul>
  228.                     {% endblock %}
  229.                 </div>
  230.             {% endblock %}
  231.         </div>
  233.         {# klimasplit modal with/for remove lineitem form #}
  234.         <div id="acid-add-to-cart-klimasplit-modal" class="acid-add-to-cart-klimasplit-modal modal">
  235.             <div class="modal-content">
  236.                 <div class="modal-header">
  237.                     <h2>{{ "detail.klimaSplitModalHeadline"|trans|sw_sanitize }}</h2>
  238.                     <div class="modal-close modal-close-btn">{% sw_icon 'close_m' style {'pack' : 'globus_icons'} %}</div>
  239.                 </div>
  240.                 <div class="modal-body">
  241.                     <p>{{ "klimasplit.Modal.p1"|trans|sw_sanitize }}</p>
  242.                     <p>{{ "klimasplit.Modal.p2"|trans|sw_sanitize }}</p>
  243.                     <p>{{ "klimasplit.Modal.p3"|trans|sw_sanitize }}</p>
  244.                     <p>{{ "klimasplit.Modal.p4"|trans|sw_sanitize }}</p>
  245.                     <p>{{ "klimasplit.Modal.p5"|trans|sw_sanitize }}</p>
  246.                 </div>
  247.                 <div class="modal-footer">
  248.                     <button class="btn btn-primary modal-close-btn">{{ "detail.closeModal"|trans }}</button>
  249.                 </div>
  250.             </div>
  251.         </div>
  253.         <!-- Switch Store Availability Modal -->
  254.         <div class="modal fade" id="switchStoreModal" tabindex="-1" role="dialog" aria-labelledby="switchStoreModal" aria-hidden="true">
  255.             <div class="modal-dialog" role="document">
  256.                 <div class="modal-content">
  257.                     <div class="modal-header">
  258.                         <h2>{{ "switchStoreModal.headline"|trans|sw_sanitize }}</h2>
  259.                         <div class="modal-close modal-close-btn">{% sw_icon 'close_m' style {'pack' : 'globus_icons'} %}</div>
  260.                     </div>
  261.                     <div class="modal-body">
  262.                         <span class="card-title d-block">{{ "switchStoreModal.infoSubline"|trans|sw_sanitize }}</span>
  264.                         <div class="products-wrapper">
  265.                             {% set lineItems = context|resolveLineItems %}
  266.                             {% for lineItem in lineItems %}
  267.                                 {% sw_include '@Storefront/storefront/component/store-locator/switch-store-line-item.html.twig' %}
  268.                             {% endfor %}
  270.                             <div class="cart-item cart-item-product d-none placeholder-item">
  271.                                 <div class="row cart-item-row d-block d-sm-flex">
  272.                                     <div class="col-md-12 cart-item-info-wrapper">
  273.                                         <div class="row">
  274.                                             <div class="col-12 col-md-9 cart-item-info">
  275.                                                 <div class="row cart-item-row">
  276.                                                     <div class="col-auto cart-item-info-img">
  277.                                                         <div class="cart-item-img-container">
  278.                                                             <a href="#" class="cart-item-img-link" >
  279.                                                                 <img src="#" class="img-fluid cart-item-img">
  280.                                                             </a>
  281.                                                         </div>
  282.                                                     </div>
  283.                                                     <div class="col cart-item-details">
  284.                                                         <div class="cart-item-details-container">
  285.                                                             <div class="cart-item-details-wrapper">
  286.                                                                 <a href="#" class="cart-item-label">
  287.                                                                     Amorim CORKLIFE Korkboden
  288.                                                                 </a>
  289.                                                                 <div class="cart-item-details-characteristics">
  290.                                                                 </div>
  291.                                                                 <div class="product-feature-list">
  292.                                                                     <ul class="product-feature-list-list">
  293.                                                                     </ul>
  294.                                                                 </div>
  295.                                                                 <div class="cart-item-ordernumber">
  296.                                                                     Produkt-Nr.: 0780402681
  297.                                                                 </div>
  298.                                                             </div>
  299.                                                             <div class="cart-item-actions">
  300.                                                                 <div class="delivery-information delivery-available is-gray">
  301.                                                                     <span class="delivery-status-indicator bg-danger"></span>
  302.                                                                     <b>nicht verfügbar</b>
  303.                                                                 </div>
  305.                                                                 {% if page.product %}
  306.                                                                     {% set checkoutInfos = page.product.extensions.ianeoExtensions.checkoutInfos %}
  308.                                                                     {% if checkoutInfos.buyOnline %}
  309.                                                                         <div class="action-btn mt-2">
  310.                                                                             <form action="{{ path('frontend.ianeo.online-purchase-additive', { productId: page.product.id }) }}"
  311.                                                                                   method="post"
  312.                                                                                     {% if page.product.extensions.ianeoExtensions.isKlimaSplit %}
  313.                                                                                         data-acid-klima-split="true"
  314.                                                                                     {% endif %}
  315.                                                                                   data-product-id="{{ page.product.id }}"
  316.                                                                                   data-acid-add-to-cart-plugin="true">
  318.                                                                                 {{ sw_csrf('frontend.ianeo.online-purchase-additive') }}
  320.                                                                                 <input type="hidden"
  321.                                                                                        name="lineItems[{{ page.product.id }}][id]"
  322.                                                                                        value="{{ page.product.id }}">
  323.                                                                                 <input type="hidden"
  324.                                                                                        name="lineItems[{{ page.product.id }}][type]"
  325.                                                                                        value="product">
  326.                                                                                 <input type="hidden"
  327.                                                                                        name="lineItems[{{ page.product.id }}][referencedId]"
  328.                                                                                        value="{{ page.product.id }}">
  329.                                                                                 <input type="hidden"
  330.                                                                                        name="lineItems[{{ page.product.id }}][stackable]"
  331.                                                                                        value="1">
  332.                                                                                 <input type="hidden"
  333.                                                                                        name="lineItems[{{ page.product.id }}][removable]"
  334.                                                                                        value="1">
  336.                                                                                 <button class="btn btn-sm btn-tertiary" type="submit">
  337.                                                                                     {% sw_icon 'truck_retoure' style {'pack' : 'globus_icons', 'color': 'transparent'} %}
  338.                                                                                     NACH HAUSE LIEFERN LASSEN
  339.                                                                                 </button>
  340.                                                                             </form>
  341.                                                                         </div>
  342.                                                                     {% endif %}
  343.                                                                 {% endif %}
  344.                                                             </div>
  345.                                                         </div>
  346.                                                     </div>
  347.                                                 </div>
  348.                                             </div>
  349.                                             <div class="cart-item-quantity-wrapper col-12 col-md-3">
  350.                                                 <div class="cart-item-quantity">
  351.                                                     <div class="row cart-item-quantity-row">
  352.                                                         <div class="col-8 col-sm-12 cart-item-quantity-label">
  353.                                                             Menge
  354.                                                         </div>
  355.                                                         <div class=" col-sm-12 p-0">
  356.                                                             <b>Menge: 1</b>
  357.                                                         </div>
  358.                                                     </div>
  359.                                                 </div>
  360.                                             </div>
  361.                                         </div>
  362.                                     </div>
  363.                                 </div>
  364.                             </div>
  365.                         </div>
  366.                     </div>
  367.                     <div class="modal-footer">
  368.                         <div id="pixup-csrf">{{ sw_csrf('frontend.pixup.wishlist.ajax.fuer-spaeter-gemerkt') }}</div>
  369.                         <button class="btn btn-secondary modal-close-btn" >MARKT BEIBEHALTEN</button>
  370.                         <button class="btn btn-primary modal-close-btn" >MARKT WECHSELN & PRODUKTE VERSCHIEBEN</button>
  371.                     </div>
  372.                 </div>
  373.             </div>
  374.         </div>
  375.     {% endblock %}
  377.     {% set cookieFirstData = page.footer.extensions.CookieFirst.config %}
  378.     {% if cookieFirstData and cookieFirstData.apiKey %}
  379.         <script defer src="//app.cookiefirst.com/loader/init.js" data-cookiefirst-key="{{ cookieFirstData.apiKey }}"></script>
  380.     {% endif %}
  381. {% endblock %}