Inhaltliche Anpassung des Footers

This commit is contained in:
akarl 2020-01-30 15:43:12 +01:00
parent 57936a79b8
commit f39c8e5875
2 changed files with 140 additions and 147 deletions

View File

@ -4,8 +4,9 @@ footer {
display: none; } }
@media screen and (min-width: 48em) {
footer {
.footer-ribbon {
display: block;
width: 90%;
margin: 0 auto;
&:after {
@ -91,7 +92,32 @@ footer {
a, .column--headline {
color: #fff; } } }
.footer-main .footer--column {
&.footer-main {
.footer--column {
width: 33%;
}
.border--headline {
margin: 0 0 20px 0;
padding: 0;
span {
display: block;
width: 60px;
height: 5px;
background: #fff; } }
.footer--phone-link {
font-weight: 300;
display: block;
padding-left: 30px;
&:before {
content: 'Telefon'; } }
.footer--mail-link {
display: block;
padding-left: 30px;
&:before {
content: 'Kuvert'; } }
.footer--address-link {
display: block;
padding-left: 30px;
&:before {
content: 'Haus'; } }
} } }
}

View File

@ -1,24 +1,11 @@
{namespace name="frontend/index/menu_footer"}
{* Service hotline *}
{block name="frontend_index_footer_column_service_hotline"}
<div class="footer--column column--hotline is--first block">
{block name="frontend_index_footer_column_service_hotline_headline"}
<div class="column--headline">{s name="sFooterServiceHotlineHead"}{/s}</div>
{/block}
{block name="frontend_index_footer_column_service_hotline_content"}
<div class="column--content">
<p class="column--desc">{s name="sFooterServiceHotline"}{/s}</p>
</div>
{/block}
</div>
{/block}
{* Service Links *}
{block name="frontend_index_footer_column_service_menu"}
<div class="footer--column column--menu block">
{block name="frontend_index_footer_column_service_menu_headline"}
<div class="column--headline">{s name="sFooterShopNavi1"}{/s}</div>
<div class="column--headline cds--upper">{s name="sFooterShopNavi1"}{/s}</div>
<div class="border--headline"><span></span></div>
{/block}
{block name="frontend_index_footer_column_service_menu_content"}
@ -56,10 +43,31 @@
</div>
{/block}
{* Service hotline *}
{block name="frontend_index_footer_column_service_hotline"}
<div class="footer--column column--hotline is--first block">
{block name="frontend_index_footer_column_service_hotline_headline"}
<div class="column--headline cds--upper">{s name="sFooterServiceHotlineHead"}{/s}</div>
<div class="border--headline"><span></span></div>
{/block}
{block name="frontend_index_footer_column_service_hotline_content"}
<div class="column--content">
<p class="column--desc">
{s name="sFooterServiceHotline"}{/s}
{s name="sFooterEmail"}{/s}
{s name="sFooterAdress"}{/s}
</p>
</div>
{/block}
</div>
{/block}
{block name="frontend_index_footer_column_information_menu"}
<div class="footer--column column--menu block">
{block name="frontend_index_footer_column_information_menu_headline"}
<div class="column--headline">{s name="sFooterShopNavi2"}{/s}</div>
<div class="column--headline cds--upper">{s name="sFooterShopNavi2"}{/s}</div>
<div class="border--headline"><span></span></div>
{/block}
{block name="frontend_index_footer_column_information_menu_content"}
@ -97,54 +105,13 @@
{/block}
{block name="frontend_index_footer_column_newsletter"}
<div style="clear:both;"></div>
<div class="footer--column column--newsletter is--last block">
{block name="frontend_index_footer_column_newsletter_headline"}
<div class="column--headline">{s name="sFooterNewsletterHead"}{/s}</div>
<div class="column--headline cds--upper">{s name="sFooterNewsletterHead"}{/s}</div>
<div class="border--headline"><span></span></div>
{/block}
{block name="frontend_index_footer_column_newsletter_content"}
<div class="column--content" data-newsletter="true">
<p class="column--desc">
{s name="sFooterNewsletter"}{/s}
</p>
{block name="frontend_index_footer_column_newsletter_form"}
<form class="newsletter--form" action="{url controller='newsletter'}" method="post">
<input type="hidden" value="1" name="subscribeToNewsletter" />
{block name="frontend_index_footer_column_newsletter_form_field_wrapper"}
<div class="content">
{block name="frontend_index_footer_column_newsletter_form_field"}
<input type="email" aria-label="{s name="IndexFooterNewsletterValue"}{/s}" name="newsletter" class="newsletter--field" placeholder="{s name="IndexFooterNewsletterValue"}{/s}" />
{if {config name="newsletterCaptcha"} !== "nocaptcha"}
<input type="hidden" name="redirect">
{/if}
{/block}
{block name="frontend_index_footer_column_newsletter_form_submit"}
<button type="submit" aria-label="{s name='IndexFooterNewsletterSubmit'}{/s}" class="newsletter--button btn">
<i class="icon--mail"></i> <span class="button--text">{s name='IndexFooterNewsletterSubmit'}{/s}</span>
</button>
{/block}
</div>
{/block}
{* Data protection information *}
{block name="frontend_index_footer_column_newsletter_privacy"}
{if {config name=ACTDPRTEXT} || {config name=ACTDPRCHECK}}
{$hideCheckbox=false}
{* If a captcha is active, the user has to accept the privacy statement on the newsletter page *}
{if {config name=newsletterCaptcha} !== "nocaptcha"}
{$hideCheckbox=true}
{/if}
{include file="frontend/_includes/privacy.tpl" hideCheckbox=$hideCheckbox}
{/if}
{/block}
</form>
{/block}
</div>
{/block}
{block name="frontend_index_footer_column_newsletter_content"}{/block}
</div>
{/block}