{% if editmode %} <!-- Font Awesome lokalisiert WBR 06.10.2022 --> <link rel="stylesheet" href="{{ asset('/static/fonts/fontawesome-pro-6.3.0-web/css/all.min.css') }}"/> <link rel="stylesheet" href="{{ asset('/dist/style.css') }}"/> <link rel="stylesheet" href="{{ asset('/static/css/editmode.css') }}"/> <script type="text/javascript" src="{{ asset('/dist/index.js') }}" defer></script> <div > <div class="flex flex-wrap overflow-hidden"> <div class="p-5 overflow-hidden text-white w-1/2"> <p>Kundencenter & Öffnungszeiten</p> {{ pimcore_wysiwyg("text1", { "height" : 300 }) }} </div> <div class="p-5 overflow-hidden w-1/2"> <p>Kontakt</p> {{ pimcore_wysiwyg("text2", { "height" : 300 }) }} <p>Folgen Sie uns:</p> {% set block = pimcore_block('gridblock', {'manual' : true}).start() %} {% for b in block.iterator %} {% do block.blockConstruct() %} {% do block.blockStart() %} <div class="border border-gray-400 p-3"> <div class="my-3 flex flex-wrap overflow-hidden"> <div class="w-full overflow-hidden"> Font Awesome Icon: {{ pimcore_input("socialicon") }} </div> <div class="w-full overflow-hidden"> Link: {{ pimcore_link("sociallink") }} </div> </div> </div> {% do block.blockEnd() %} {% do block.blockDestruct() %} {% endfor %} {% do block.end() %} </div> <div class="p-5 overflow-hidden w-full"> <p>Schnellzugriffe:</p> {{ pimcore_relations("quicks", { "types": ["document"] }) }} </div> </div> </div>{% else %} <section id="footernavi"> <div class="z-10 bg-stwh-rot-2024"> <div class="container mx-auto px-5"> <div class="flex flex-wrap overflow-hidden md:-mx-3 py-5"> <div class="w-full overflow-hidden text-white md:my-3 md:px-3 px-6 text-base md:text-lg md:w-1/3"> {{ pimcore_wysiwyg("text1") }} </div> <div class="w-full overflow-hidden text-white md:my-3 md:px-3 px-6 text-base md:text-lg md:w-1/3"> {{ pimcore_wysiwyg("text2") }} <div class="pt-4"> <p class="font-bold text-base text-white pb-5">Folgen Sie uns:</p> {% set block = pimcore_block('gridblock', {'manual' : true}).start() %} {% for b in block.iterator %} {% do block.blockConstruct() %} {% do block.blockStart() %} <a class="pr-3 md:pr-2" target="{{ pimcore_link("sociallink").getTarget() }}" href="{{ pimcore_link("sociallink").getHref() }}"> <i class="fa-2x text-white hover:shadow-md transition-all ease-in-out duration-150 hover:scale-110 {{ pimcore_input("socialicon") }}"></i> </a> {% do block.blockEnd() %} {% do block.blockDestruct() %} {% endfor %} {% do block.end() %} </div> </div> <div class="w-full overflow-hidden md:my-3 md:px-3 px-6 pt-4 md:pt-0 text-base md:text-lg md:w-1/3"> <p class="font-bold text-white pb-5">Schnellzugriffe:</p> {% for element in pimcore_relations("quicks") %} <a href="{{ element }}" class="text-white py-2 md:py-0 text-link link-white"> {{ element.getProperties['navigation_name'].getData() }} </a><br/> {% endfor %} </div> </div> </div> </div> {% if not document is defined or not document %} {% set document = pimcore_document(3) %} {% endif %} {% set navStartNode = document.getProperty('footerNavStartNode') %} {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document\\Page') %} {% set navStartNode = pimcore_document(68) %} {% endif %} {% set footerNavigation = pimcore_build_nav({ active: document, root: navStartNode }) %} {% set renderer = pimcore_nav_renderer('menu') %} <div class="z-10 bg-stwh-rot-2024 border-t border-white"> <div class="container mx-auto px-5"> <div class="flex flex-wrap overflow-hidden md:-mx-3 py-2"> <div class="w-full overflow-hidden md:my-3 md:px-3 text-center"> {% for page in footerNavigation %} {% if page.isVisible() and renderer.accept(page) %} {% set aktiv = 'md:pb-5 border-white text-white' %} {% if page.isActive() %} {% set aktiv = 'border-b-4 border-red-600 text-gray-800' %} {% endif %} <div class="text-base md:text-lg pb-1 pr-3 inline-block {{ aktiv }}"> <a class="text-link link-white" href="{{ page.href }}">{{ page.label }}</a> </div> {% endif %} {% endfor %} </div> </div> </div> </div> </section>{% endif %}