ddsmoothmenu with wayfinder

26 Posts

coldhand Reply #1, 15 years, 11 months ago

Hi Everyone,

Has anyone managed to get ddsmoothmenu (http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm) fully working with Wayfinder. I have a fully working version on the static version but not sure how to do this with Wayfinder.

Have added the javascript for ddsmoothmenu.

Added the css to the template.

On the static version, the code:

<div id="nav">
		<div id="smoothmenu1" class="ddsmoothmenu">
			<ul>
			<li><a href="about-us.html">About Us</a>
			  <ul>
			  <li><a href="#">Careers</a></li>
			  <li><a href="#">Terms & Conditions</a></li>
			  <li><a href="#">FAQ</a></li>
			  </ul>
			</li>
                        </ul>
        </div>

At the moment, the only thing i got for the Wayfinder code is:

	<div id="nav">
                <div id="smoothmenu1" class="ddsmoothmenu">
                [[Wayfinder? &startId=`0` &level=`3` &parentClass=`hide`]]
	</div>

My current output, only shows the links in a horizontal line, no images appears, no drop down menu.

What do i need to do to get the drop down menu working along side with the hover images. undecided

1,613 Posts

fourroses666 Reply #2, 15 years, 11 months ago

are all css files linked correct?

u can check this one if u have vertical nav: http://modxcms.com/forums/index.php/topic,31940.msg193998.html#msg193998

Evolution user, I like the back-end speed and simplicity

☆ A M B ☆
24,524 Posts

sottwell Reply #3, 15 years, 11 months ago

Indeed, as long as you’re including all those css and javascript files properly, and enclose the Wayfinder call in the appropriate <div> container with the required classnames and id, it should work out of the box. It uses a simple unordered list, and that’s exactly what Wayfinder generates by default.

<div id="smoothmenu1" class="ddsmoothmenu">
[[Wayfinder? &startId=`0`]]
</div>

Studying MODX in the desert - http://sottwell.com
Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
Join the Slack Community - http://modx.org

26 Posts

coldhand Reply #4, 15 years, 11 months ago

Hi guys, thanks for the replies.

I found the problem, it was a mixture of errors of syntax within the css (although some part loaded and other part didnt). After much digging around, i found i had one of the common errors. The path to the images was suppose to be a folder level up, so instead of /images/hello.jpg, it should have been ../images/hello.jpg within the CSS. Added the newest jQuery into the headers and finally worked.

Thanks!