I'm trying to add the following menu to the left bar of my store:
http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm
I've got the following code in 'skin/common_files/customer/meta.tpl'
Code:
{*
$Id: meta.tpl,v 1.3.4.1 2012/04/10 11:45:31 aim Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<meta http-equiv="Content-Type" content="text/html; charset={$default_charset|default:"utf-8"}" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Language" content="{$shop_language}" />
{if $printable}
<meta name="ROBOTS" content="NOINDEX,NOFOLLOW" />
{else}
{meta type='description' page_type=$meta_page_type page_id=$meta_page_id}
{meta type='keywords' page_type=$meta_page_type page_id=$meta_page_id}
{/if}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />
<link rel="stylesheet" type="text/css" href="ddsmoothmenu-v.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
{literal}
ddsmoothmenu.init({
mainmenuid: "smoothmenu-ajax", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: ["smoothcontainer", "ddsmoothmenu.tpl"] //"markup" or ["container_id", "path_to_menu_file"]
})
ddsmoothmenu.init({
mainmenuid: "smoothmenu2", //Menu DIV id
orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
//customtheme: ["#804000", "#482400"],
contentsource: ["smoothcontainer", "ddsmoothmenu.tpl"] //"markup" or ["container_id", "path_to_menu_file"]
})
{/literal}
</script>
The rest of the files are in the same directory.
Have I made some sort of error with this code?
I was trying to set it up for AJAX so that I could link to a menu content template from the left bar tpl.
Even before I did this I could only get it to show the root menus, not the sub-items. I looked through the javascript file but couldn't figure out what was going wrong.
I don't have much coding experience, so forgive me if I'm being a bit ditsy!
Anyone know how I should have done this?