- Freitextfeld 'cat_css' im Main-Menue aufgenommen & gestyled

This commit is contained in:
akarl 2020-01-20 12:41:06 +01:00
parent 0a8dc03654
commit 65f941d7df
2 changed files with 53 additions and 2 deletions
frontend
_public/src/less/_modules
index

@ -20,7 +20,12 @@
.is--home{
display: none; }
li {
a {
.navigation--link {
span{
display: block;
text-transform: uppercase;
font-weight: 700; } } } } }
font-weight: 700; }
.wbn-icon-set {
margin-bottom: 0.5em;
&:before {
font-size: 35px; } } } } } }

@ -0,0 +1,46 @@
{extends file="parent:frontend/index/main-navigation.tpl"}
{block name='frontend_index_navigation_categories'}
{debug}
<div class="navigation--list-wrapper">
{block name='frontend_index_navigation_categories_navigation_list'}
<ul class="navigation--list container" role="menubar" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
{strip}
{block name='frontend_index_navigation_categories_top_home'}
<li class="navigation--entry{if $sCategoryCurrent == $sCategoryStart && $Controller == 'index'} is--active{/if} is--home" role="menuitem">
{block name='frontend_index_navigation_categories_top_link_home'}
<a class="navigation--link is--first{if $sCategoryCurrent == $sCategoryStart && $Controller == 'index'} active{/if}" href="{url controller='index'}" title="{s name='IndexLinkHome' namespace="frontend/index/categories_top"}{/s}" aria-label="{s name='IndexLinkHome' namespace="frontend/index/categories_top"}{/s}" itemprop="url">
<span itemprop="name">{s name='IndexLinkHome' namespace="frontend/index/categories_top"}{/s}</span>
</a>
{/block}
</li>
{/block}
{block name='frontend_index_navigation_categories_top_before'}{/block}
{foreach $sMainCategories as $sCategory}
{block name='frontend_index_navigation_categories_top_entry'}
{if !$sCategory.hideTop}
<li class="navigation--entry{if $sCategory.flag} is--active{/if}" role="menuitem">
{block name='frontend_index_navigation_categories_top_link'}
<a class="navigation--link{if $sCategory.flag} is--active{/if}" href="{$sCategory.link}" title="{$sCategory.description}" aria-label="{$sCategory.description}" itemprop="url"{if $sCategory.external && $sCategory.externalTarget} target="{$sCategory.externalTarget}"{/if}>
{if $sCategory.attribute.cat_css}
<span class="wbn-icon-set {$sCategory.attribute.cat_css}"></span>
{else}
<span class="wbn-icon-set wbn-icon-empty"></span>
{/if}
<span itemprop="name">{$sCategory.description}</span>
</a>
{/block}
</li>
{/if}
{/block}
{/foreach}
{block name='frontend_index_navigation_categories_top_after'}{/block}
{/strip}
</ul>
{/block}
</div>
{/block}