WebsiteBaker Support (2.8.x) > Templates, Menus & Design

vraag menu

(1/2) > >>

helihans:
hallo, na lang zoeken heb ik een menu gevonden wat ik graag zou willen toepassen.
Dit zou de output moeten zijn:

--- Code: ---
<ul data-menu-level="0">

<li class="current">
<a href="link1.htm" class="current">link1</a>
</li>
<li>
<a href="link2.htm">
<img src="img/default/pixTrans.gif" alt="" />link2</a>
<span class="arrow" data-menu-arrow=""></span>
<ul data-menu-level="1" class="floatMenu">
<li>
<a href="kind1.htm" >kind1</a>
</li>

</ul>
</li>

</ul>


--- End code ---

en in WB dit is het "bijna" :

--- Code: ---<?php 
$open = '<li class="[if(class=menu-current||class=menu-parent){current}]">[if(class==menu-expand){<a  href="[url]" >[menu_title] <img src="http://mijnsite.nl/template/img/default/pixTrans.gif" alt="" /></a><span class="arrow"></span>}else {<a href="[url]" >[menu_title]</a>}]';
show_menu2(
$aMenu          = 1,
$aStart         = SM2_ROOT+0, 
$aMaxLevel      = SM2_ALL,
$aOptions       = SM2_ALL,
$aItemOpen      = $open,
$aItemClose     = '</li>',
$aMenuOpen      = '<ul data-menu-level="[if(level==0){0} else {[level]}]" class="[if(level==0){} else {floatMenu}]">',
$aMenuClose     = '</ul>',
$aTopItemOpen   = false,
$aTopMenuOpen   = false
);?>


--- End code ---
de class current wordt nu wel bij de <li> toegevoegd maar moet ook bij href komen...

wie o wie, het voorbeeld is van batavus.nl

Ruud:
Het stukje in de <li> wat zegt:  class="[if(class=menu-current||class=menu-parent){current}]" kan je ook in de <a> opnemen.

Zoiets zal het dan worden (ongetest)

--- Code: (untested) ---<?php 
$open = '<li class="[if(class=menu-current||class=menu-parent){current}]">[if(class==menu-expand){<a class="[if(class=menu-current||class=menu-parent){current}]" href="[url]" >[menu_title] <img src="http://mijnsite.nl/template/img/default/pixTrans.gif" alt="" /></a><span class="arrow"></span>}else {<a class="[if(class=menu-current||class=menu-parent){current}]" href="[url]" >[menu_title]</a>}]';


--- End code ---

helihans:
Dank Ruud,

Helaas werkt het niet en laat deze toevoeging in het menu zien:


testomgeving:
http://harlingen3d.nl/test3

Ruud:
Blijkbaar werken de [if{}] regels niet als je al binnen een [if] zit. Dan gaat de vlieger niet op.

De enige oplossing is dan om de css een klein beetje te verbouwen zodat die ook .menu-current en .menu-parent snapt.
Ik zie op je testsite dat je een gecomprimeerde css gebruikt. Als je die ook ongecomprimeerd hebt is dat niet zo heel lastig aan te passen.

Om die classes in de <a> tag te krijgen gebruik je ipv <a  href="[url]" > (uit jouw eerste poging) alleen maar [ac]
Iets als:


--- Code: ---<?php

$open = '<li class="[if(class=menu-current||class=menu-parent){current}]">[if(class==menu-expand){[ac][menu_title] <img src="http://mijnsite.nl/template/img/default/pixTrans.gif" alt="" /></a><span class="arrow"></span>}else {[ac][menu_title]</a>}]';


--- End code ---

in de css zoek je dan de .current selectors op en die laat je ook op .menu-current en .menu-parent werken.

helihans:
Wederom dank Ruud,

idd is het if-if het grote struikelblok.
De grote css is even "geleasd"van de de voorbeeld site en werkt prima zonder SM2menu.
Ik zal me richten op menu wat wel werkt en zelf gaan stylen.
Gr Hans

Navigation

[0] Message Index

[#] Next page