- Überarbeitung Footer
- Debugging Advanced Menu
This commit is contained in:
akarl
parent
2a19fe380c
commit
2648a29955
@ -5,6 +5,8 @@ footer {
|
||||
|
||||
@media screen and (min-width: @tabletViewportWidth) {
|
||||
footer {
|
||||
> .container {
|
||||
min-width: 100%; }
|
||||
.footer-ribbon {
|
||||
display: block;
|
||||
width: 90%;
|
||||
|
||||
@ -1,8 +1,5 @@
|
||||
/* *** HEADER / BASICS ********************************************************************************************** */
|
||||
|
||||
#headerAnker {
|
||||
color: red; }
|
||||
|
||||
/* Header */
|
||||
.header-main {
|
||||
background: @brand-primary;
|
||||
@ -181,10 +178,10 @@
|
||||
.unitize(font-size,35); } } } } } }
|
||||
|
||||
.navigation-main {
|
||||
.navigation--link:hover,
|
||||
.is--active .navigation--link,
|
||||
.is--hovered .navigation--link,
|
||||
.is--active .navigation--link:hover {
|
||||
.navigation--list .navigation--entry .navigation--link:hover,
|
||||
.navigation--list .navigation--entry.is--active .navigation--link,
|
||||
.navigation--list .navigation--entry.is--hovered .navigation--link,
|
||||
.navigation--list .navigation--entry.is--active .navigation--link:hover {
|
||||
background: #fff;
|
||||
font-weight: @font-bold-weight;
|
||||
color: @link-red;
|
||||
@ -206,6 +203,9 @@
|
||||
a {
|
||||
display: block;
|
||||
.unitize-padding(8,24);
|
||||
transition: all 0.3s ease-in-out;
|
||||
&:hover {
|
||||
transform: scale(1.1); }
|
||||
.sub--nav-image {
|
||||
width: 100%;
|
||||
height: auto; }
|
||||
@ -213,4 +213,8 @@
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: @font-bold-weight; } } } } }
|
||||
font-weight: @font-bold-weight; } } } }
|
||||
.menu--level-0 {
|
||||
&.columns--4 {
|
||||
-webkit-column-count: 5;
|
||||
column-count: 5; } } }
|
||||
|
||||
@ -1,21 +0,0 @@
|
||||
<div class="footer-ribbon">
|
||||
<div class="img--area left--box cds--align-right">
|
||||
<span class="wbn--foot-img wbn-gabel"></span>
|
||||
<span class="wbn--foot-img wbn-loeffel"></span>
|
||||
<span class="wbn--foot-img wbn-messer"></span>
|
||||
<span class="wbn--foot-img wbn-pfannenwender"></span>
|
||||
<span class="wbn--foot-img wbn-kanne"></span>
|
||||
<span class="wbn--foot-img wbn-mikrowelle"></span>
|
||||
</div>
|
||||
<div class="txt--area center--box cds--align-center">
|
||||
<span class="first--headline cds--block cds--bold">HORN-GASTRONOMIESHOP</span>
|
||||
<span class="second--headline cds--block">Ihr Shop für Gastronomiebedarf, Hotellerie und Catering</span>
|
||||
</div>
|
||||
<div class="img--area right--box cds--align-left">
|
||||
<span class="wbn--foot-img wbn-mixer"></span>
|
||||
<span class="wbn--foot-img wbn-toaster"></span>
|
||||
<span class="wbn--foot-img wbn-wein"></span>
|
||||
<span class="wbn--foot-img wbn-sekt"></span>
|
||||
<span class="wbn--foot-img wbn-tasse"></span>
|
||||
</div>
|
||||
</div>
|
||||
@ -2,6 +2,29 @@
|
||||
|
||||
{* Footer menu *}
|
||||
{block name='frontend_index_footer_menu'}
|
||||
{* Footer Top-Styling *}
|
||||
<div class="footer-ribbon">
|
||||
<div class="img--area left--box cds--align-right">
|
||||
<span class="wbn--foot-img wbn-gabel"></span>
|
||||
<span class="wbn--foot-img wbn-loeffel"></span>
|
||||
<span class="wbn--foot-img wbn-messer"></span>
|
||||
<span class="wbn--foot-img wbn-pfannenwender"></span>
|
||||
<span class="wbn--foot-img wbn-kanne"></span>
|
||||
<span class="wbn--foot-img wbn-mikrowelle"></span>
|
||||
</div>
|
||||
<div class="txt--area center--box cds--align-center">
|
||||
<span class="first--headline cds--block cds--bold">HORN-GASTRONOMIESHOP</span>
|
||||
<span class="second--headline cds--block">Ihr Shop für Gastronomiebedarf, Hotellerie und Catering</span>
|
||||
</div>
|
||||
<div class="img--area right--box cds--align-left">
|
||||
<span class="wbn--foot-img wbn-mixer"></span>
|
||||
<span class="wbn--foot-img wbn-toaster"></span>
|
||||
<span class="wbn--foot-img wbn-wein"></span>
|
||||
<span class="wbn--foot-img wbn-sekt"></span>
|
||||
<span class="wbn--foot-img wbn-tasse"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer--top-wrapper">
|
||||
<div class="container">
|
||||
<div class="footer--columns block-group">
|
||||
|
||||
@ -1,286 +0,0 @@
|
||||
{block name="frontend_index_start"}{/block}
|
||||
{block name="frontend_index_doctype"}
|
||||
<!DOCTYPE html>
|
||||
{/block}
|
||||
|
||||
{block name='frontend_index_html'}
|
||||
<html class="no-js" lang="{s name='IndexXmlLang'}{/s}" itemscope="itemscope" itemtype="http://schema.org/WebPage">
|
||||
{/block}
|
||||
|
||||
{block name='frontend_index_header'}
|
||||
{include file='frontend/index/header.tpl'}
|
||||
{/block}
|
||||
|
||||
<body class="{block name="frontend_index_body_classes"}{strip}
|
||||
is--ctl-{controllerName|lower} is--act-{controllerAction|lower}
|
||||
{if $sUserLoggedIn} is--user{/if}
|
||||
{if $sOneTimeAccount} is--one-time-account{/if}
|
||||
{if $sTarget} is--target-{$sTarget|escapeHtml}{/if}
|
||||
{if $theme.checkoutHeader && (({controllerName|lower} == "checkout" && {controllerAction|lower} != "cart") || ({controllerName|lower} == "register" && ($sTarget != "account" && $sTarget != "address")))} is--minimal-header{/if}
|
||||
{if !$theme.displaySidebar} is--no-sidebar{/if}
|
||||
{/strip}{/block}" {block name="frontend_index_body_attributes"}{/block}>
|
||||
|
||||
{block name='frontend_index_after_body'}{/block}
|
||||
|
||||
{block name="frontend_index_page_wrap"}
|
||||
<div class="page-wrap">
|
||||
|
||||
{* Message if javascript is disabled *}
|
||||
{block name="frontend_index_no_script_message"}
|
||||
<noscript class="noscript-main">
|
||||
{s name="IndexNoscriptNotice" assign="snippetIndexNoscriptNotice"}{/s}
|
||||
{include file="frontend/_includes/messages.tpl" type="warning" content=$snippetIndexNoscriptNotice borderRadius=false}
|
||||
</noscript>
|
||||
{/block}
|
||||
|
||||
{block name='frontend_index_before_page'}{/block}
|
||||
|
||||
{* Shop header *}
|
||||
{block name='frontend_index_navigation'}
|
||||
<header class="header-main">
|
||||
{* Include the top bar navigation *}
|
||||
{block name='frontend_index_top_bar_container'}
|
||||
{include file="frontend/index/topbar-navigation.tpl"}
|
||||
{/block}
|
||||
|
||||
{block name='frontend_index_header_navigation'}
|
||||
<div class="container header--navigation">
|
||||
|
||||
{* Logo container *}
|
||||
{block name='frontend_index_logo_container'}
|
||||
{include file="frontend/index/logo-container.tpl"}
|
||||
{/block}
|
||||
|
||||
{* Shop navigation *}
|
||||
{block name='frontend_index_shop_navigation'}
|
||||
{include file="frontend/index/shop-navigation.tpl"}
|
||||
{/block}
|
||||
|
||||
{block name='frontend_index_container_ajax_cart'}
|
||||
<div class="container--ajax-cart" data-collapse-cart="true"{if $theme.offcanvasCart} data-displayMode="offcanvas"{/if}></div>
|
||||
{/block}
|
||||
</div>
|
||||
{/block}
|
||||
</header>
|
||||
|
||||
{* Maincategories navigation top *}
|
||||
{block name='frontend_index_navigation_categories_top'}
|
||||
<nav class="navigation-main">
|
||||
<div class="container" data-menu-scroller="true" data-listSelector=".navigation--list.container" data-viewPortSelector=".navigation--list-wrapper">
|
||||
{block name="frontend_index_navigation_categories_top_include"}
|
||||
{include file='frontend/index/main-navigation.tpl'}
|
||||
{/block}
|
||||
</div>
|
||||
</nav>
|
||||
{/block}
|
||||
{/block}
|
||||
|
||||
{block name='frontend_index_emotion_loading_overlay'}
|
||||
{if $hasEmotion}
|
||||
<div class="emotion--overlay">
|
||||
<i class="emotion--loading-indicator"></i>
|
||||
</div>
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{block name='frontend_index_content_main'}
|
||||
<section class="{block name="frontend_index_content_main_classes"}content-main container block-group{/block}">
|
||||
|
||||
{* Breadcrumb *}
|
||||
{block name='frontend_index_breadcrumb'}
|
||||
{if count($sBreadcrumb)}
|
||||
<nav class="content--breadcrumb block">
|
||||
{block name='frontend_index_breadcrumb_inner'}
|
||||
{include file='frontend/index/breadcrumb.tpl'}
|
||||
{/block}
|
||||
</nav>
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{* Content top container *}
|
||||
{block name="frontend_index_content_top"}{/block}
|
||||
|
||||
<div class="content-main--inner">
|
||||
|
||||
{* Cookie consent manager*}
|
||||
{block name='frontend_index_cookie_consent_manager'}
|
||||
{include file='frontend/index/cookie_consent.tpl'}
|
||||
{/block}
|
||||
|
||||
{* Sidebar left *}
|
||||
{block name='frontend_index_content_left'}
|
||||
{include file='frontend/index/sidebar.tpl'}
|
||||
{/block}
|
||||
|
||||
{* Main content *}
|
||||
{block name='frontend_index_content_wrapper'}
|
||||
<div class="content--wrapper">
|
||||
{block name='frontend_index_content'}{/block}
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{* Sidebar right *}
|
||||
{block name='frontend_index_content_right'}{/block}
|
||||
|
||||
{* Last seen products *}
|
||||
{block name='frontend_index_left_last_articles'}
|
||||
{if $sLastArticlesShow && !$isEmotionLandingPage}
|
||||
{* Last seen products *}
|
||||
<div class="last-seen-products is--hidden" data-last-seen-products="true" data-productLimit="{config name='LastArticles::lastarticlestoshow'}">
|
||||
<div class="last-seen-products--title">
|
||||
{s namespace="frontend/plugins/index/viewlast" name='WidgetsRecentlyViewedHeadline'}{/s}
|
||||
</div>
|
||||
<div class="last-seen-products--slider product-slider" data-product-slider="true">
|
||||
<div class="last-seen-products--container product-slider--container"></div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
{/block}
|
||||
</div>
|
||||
</section>
|
||||
{/block}
|
||||
|
||||
{* Footer *}
|
||||
{block name="frontend_index_footer"}
|
||||
<footer class="footer-main">
|
||||
{block name="frontend_index_footer_container"}
|
||||
{include file='frontend/index/footer-ribbon.tpl'}
|
||||
{/block}
|
||||
{block name="frontend_index_footer_container"}
|
||||
{include file='frontend/index/footer.tpl'}
|
||||
{/block}
|
||||
</footer>
|
||||
{/block}
|
||||
|
||||
{block name='frontend_index_body_inline'}{/block}
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{* If required add the cookiePermission hint *}
|
||||
{block name='frontend_index_cookie_permission'}
|
||||
{if {config name="show_cookie_note"}}
|
||||
{include file="frontend/_includes/cookie_permission_note.tpl"}
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{block name="frontend_index_header_javascript"}
|
||||
{$controllerData = [
|
||||
'vat_check_enabled' => {config name='vatcheckendabled'},
|
||||
'vat_check_required' => {config name='vatcheckrequired'},
|
||||
'register' => {url controller="register"},
|
||||
'checkout' => {url controller="checkout"},
|
||||
'ajax_search' => {url controller="ajax_search" _seo=false},
|
||||
'ajax_cart' => {url controller='checkout' action='ajaxCart' _seo=false},
|
||||
'ajax_validate' => {url controller="register" _seo=false},
|
||||
'ajax_add_article' => {url controller="checkout" action="addArticle" _seo=false},
|
||||
'ajax_listing' => {url module="widgets" controller="listing" action="listingCount" _seo=false},
|
||||
'ajax_cart_refresh' => {url controller="checkout" action="ajaxAmount" _seo=false},
|
||||
'ajax_address_selection' => {url controller="address" action="ajaxSelection" fullPath _seo=false},
|
||||
'ajax_address_editor' => {url controller="address" action="ajaxEditor" fullPath _seo=false}
|
||||
]}
|
||||
|
||||
{$themeConfig = [
|
||||
'offcanvasOverlayPage' => $theme.offcanvasOverlayPage
|
||||
]}
|
||||
|
||||
{$lastSeenProductsKeys = []}
|
||||
{foreach $sLastArticlesConfig as $key => $value}
|
||||
{$lastSeenProductsKeys[$key] = $value}
|
||||
{/foreach}
|
||||
|
||||
{$lastSeenProductsConfig = [
|
||||
'baseUrl' => $Shop->getBaseUrl(),
|
||||
'shopId' => $Shop->getId(),
|
||||
'noPicture' => {link file="frontend/_public/src/img/no-picture.jpg"},
|
||||
'productLimit' => {"{config name=lastarticlestoshow}"|floor},
|
||||
'currentArticle' => ""
|
||||
]}
|
||||
|
||||
{if $sArticle}
|
||||
{$lastSeenProductsConfig.currentArticle = $sLastArticlesConfig}
|
||||
{$lastSeenProductsConfig.currentArticle.articleId = $sArticle.articleID}
|
||||
{$lastSeenProductsConfig.currentArticle.linkDetailsRewritten = $sArticle.linkDetailsRewrited}
|
||||
{$lastSeenProductsConfig.currentArticle.articleName = $sArticle.articleName}
|
||||
{if $sArticle.additionaltext}
|
||||
{$lastSeenProductsConfig.currentArticle.articleName = $lastSeenProductsConfig.currentArticle.articleName|cat:' ':$sArticle.additionaltext}
|
||||
{/if}
|
||||
{$lastSeenProductsConfig.currentArticle.imageTitle = $sArticle.image.description}
|
||||
{$lastSeenProductsConfig.currentArticle.images = []}
|
||||
|
||||
{foreach $sArticle.image.thumbnails as $key => $image}
|
||||
{$lastSeenProductsConfig.currentArticle.images[$key] = [
|
||||
'source' => $image.source,
|
||||
'retinaSource' => $image.retinaSource,
|
||||
'sourceSet' => $image.sourceSet
|
||||
]}
|
||||
{/foreach}
|
||||
{/if}
|
||||
|
||||
{$csrfConfig = [
|
||||
'generateUrl' => {url controller="csrftoken" fullPath=false},
|
||||
'basePath' => {$Shop->getBasePath()|cat:'/'},
|
||||
'shopId' => $Shop->getId()
|
||||
]}
|
||||
|
||||
{if {config name="shareSessionBetweenLanguageShops"} && $Shop->getMain()}
|
||||
{$csrfConfig['shopId'] = $Shop->getMain()->getId()}
|
||||
{/if}
|
||||
|
||||
{* let the user modify the data here *}
|
||||
{block name="frontend_index_header_javascript_data"}{/block}
|
||||
|
||||
<script id="footer--js-inline">
|
||||
{block name="frontend_index_header_javascript_inline"}
|
||||
var timeNow = {time() nocache};
|
||||
var secureShop = {if $Shop->getSecure() eq 1}true{else}false{/if};
|
||||
|
||||
var asyncCallbacks = [];
|
||||
|
||||
document.asyncReady = function (callback) {
|
||||
asyncCallbacks.push(callback);
|
||||
};
|
||||
var controller = controller || {$controllerData|json_encode};
|
||||
var snippets = snippets || { "noCookiesNotice": {s json="true" name='IndexNoCookiesNotice'}{/s} };
|
||||
var themeConfig = themeConfig || {$themeConfig|json_encode};
|
||||
var lastSeenProductsConfig = lastSeenProductsConfig || {$lastSeenProductsConfig|json_encode};
|
||||
var csrfConfig = csrfConfig || {$csrfConfig|json_encode};
|
||||
var statisticDevices = [
|
||||
{ device: 'mobile', enter: 0, exit: 767 },
|
||||
{ device: 'tablet', enter: 768, exit: 1259 },
|
||||
{ device: 'desktop', enter: 1260, exit: 5160 }
|
||||
];
|
||||
var cookieRemoval = cookieRemoval || {config name="cookie_note_mode"};
|
||||
|
||||
{/block}
|
||||
</script>
|
||||
|
||||
{include file="frontend/index/datepicker-config.tpl"}
|
||||
|
||||
{if $theme.additionalJsLibraries}
|
||||
{$theme.additionalJsLibraries}
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{block name="frontend_index_header_javascript_jquery"}
|
||||
{* Add the partner statistics widget, if configured *}
|
||||
{if !{config name=disableShopwareStatistics} }
|
||||
{include file='widgets/index/statistic_include.tpl'}
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{* Include jQuery and all other javascript files at the bottom of the page *}
|
||||
{block name="frontend_index_header_javascript_jquery_lib"}
|
||||
{compileJavascript timestamp={themeTimestamp} output="javascriptFiles"}
|
||||
{foreach $javascriptFiles as $file}
|
||||
{block name="frontend_index_header_javascript_jquery_lib_file"}
|
||||
<script{if $theme.asyncJavascriptLoading} async{/if} src="{preload file=$file as="script"}" id="main-script"></script>
|
||||
{/block}
|
||||
{/foreach}
|
||||
{/block}
|
||||
|
||||
{block name="frontend_index_javascript_async_ready"}
|
||||
{include file="frontend/index/script-async-ready.tpl"}
|
||||
{/block}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -2,11 +2,9 @@
|
||||
|
||||
{$columnIndex = 0}
|
||||
{$menuSizePercentage = 100 - (25 * $columnAmount * intval($hasTeaser))}
|
||||
{$columnCount = 4 - ($columnAmount * intval($hasTeaser))}
|
||||
|
||||
<ul class="menu--list menu--level-{$level} columns--{$columnCount}"{if $level === 0} style="width: {$menuSizePercentage}%;"{/if}>
|
||||
{* <ul class="menu--list menu--area-{$level} "> *}
|
||||
{$columnCount = 5 - ($columnAmount * intval($hasTeaser))}
|
||||
|
||||
<ul class="menu--list menu--level-{$level}">
|
||||
{block name="frontend_plugins_advanced_menu_list"}
|
||||
{foreach $categories as $category}
|
||||
{if $category.hideTop}
|
||||
@ -18,7 +16,7 @@
|
||||
{$categoryLink = $category.external}
|
||||
{/if}
|
||||
|
||||
<li class="menu--list-item item--level-{$level}"{if $level === 0} style="width: 100%"{/if}>
|
||||
<li class="menu--list-item item--level-{$level}">
|
||||
{block name="frontend_plugins_advanced_menu_list_item"}
|
||||
{if $category.media.path}
|
||||
<a class="sub--nav-link" href="{$categoryLink|escapeHtml}"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user