Downloading & Installing The Flyout Menu

[DPM]

I've never downloaded or installed anything to my site and i'm really confused about how to do it, can anyone give me some guidence as to how it's all done to get it up and running?

Thanks,

Damian

[kobra]

From the install readme included with the module

1. Unzip the package, retaining the folder structure.

2. Read the following notes before proceeding to copy all the files to your site,
Before copying, take care to rename the "YOURTEMPLATE" folders to match your
custom template's foldername.

3. You need to enable the categories_css sidebox.
Go to Admin->Tools->Layout Boxes Controller and enable the new "categories_css" sidebox.

[DPM]

I have read that part myself but still don't understand. It says copy to the site, but what do i copy and how? I've never done this before so havn't got a clue. Do i copy it like i would an image to the site and ifso where about do i copy it up to?

[stevesh]

The first section of this from the tutorials/FAQ (at the top of this page) will give you a good idea as to how to upload toyour site.

https://www.zen-cart.com/tutorials/i...hp?article=107

[DPM]

Thanks, still confused though! I'm useless!

[stevesh]

1. Go to www.filezilla.com, and download the installation file for your OS (Windows, Mac or Linux).

2. Install FileZilla on your computer.

3. Run FileZilla. Near the top, there is an area that has 4 boxes. In the first, labelled 'Host', enter the name of your site (ex. 'mysite.com').

In the next box, labelled 'Username', enter your user name for your site (usually the same user name you would enter to access your control panel).

In the third box, labelled 'Password', enter your site's password (again, probably the same as your control panel).

4. Click on the 'Quickconnect' button.

If everything is correct, Filezilla will connect to your website.

The area below the login boxes just shows you what Filezilla and the server are saying to each other. Unless there's a problem, you can ignore that.

Below that, on the left, labelled 'Local site' is your local computer's directory tree (same stuff you see in Windows Explorer). On the right, labelled 'Remote site' is your website's directory tree.

In the top box on the right, there will usually be a folder with a + to the left of it. Click the + to expand the tree. One of the folders below will, in most cases, be public_html. This is your 'root' directory. If your site goes right to your Zencart store, the files will be here. Clicking on public_html in the top right box will display the folders inside it in the bottom right box.

Most of the files you'll be editing will be somwhere inside the includes folder. Double click that folder to see the files and folders inside it.

Find the file you want to modify, and drag it from the right box to wherever you want it on your local computer (I have a special folder on the desktop I use for that).

Open the file, using a good text editor (I use Notepad ++ - free and easy to use), make your changes, save the file to your local computer, and then drag it back to the proper override folder. You do have override folders, right?

All pretty easy, once you've done it a little.

[DPM]

What's i'm using is SmartFTP Client to do all my editing of the site. I just don't know what and where to load it up to on there and then how to incorperate it into the site.

[DPM]

Is this what i need to add to my CSS to get the flyout menus...

body {
behavior: url(./csshover.htc);
/* WinIE behavior call */}

div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: center;
line-height: 23px;

}
div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
border: 2px solid tan;
background-repeat: no-repeat;
}

div#nav-cat ul.level2 {margin: 10; padding: 2; width: 150px;
background-color: transparent;
border: none;
}
div#nav-cat ul.level2 {background-color: transparent;
}
div#nav-cat ul.level3 {background-color: transparent;
}
div#nav-cat ul.level4 {background-color: transparent;
}
div#nav-cat ul.level5 {background-color: transparent;
}
div#nav-cat ul.level6 {background-color: transparent;
}
div#nav-cat li {background-image: url(../images/b1.gif);
position: relative;
list-style: none;
margin: -2px;
margin-top: 6px;
z-index: 20;
height: 23px;
width: 150px;
/* change it to whatever space you want to put space between buttons*/}
/* <---this line may help or hinder IE menu shifting issues */
div#nav-cat li li {
margin: 0px;
/* this overrides the margin-top in the declaration above */
}
div#nav-cat li:hover {background-image: url(../images/b1_over.gif);
}
div#nav-cat li.submenu {

background-color: transparent;


}
div#nav-cat li.submenu:hover {background-color: transparent;


}
div#nav-cat ul {background-color: transparent;
}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width: 150px;}
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
}
div#nav li a:hover {border: none;
}
div#nav-cat>ul a {width: 150px;
}
div#nav-cat ul ul {position: absolute; top: 0; left: 152px;
display: none;
}
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block;
}

[DPM]

So that's not it, i thought it was as that's what's in the download.

Really confused here, any help?

[gjh42]

This CSS code has to be used in conjunction with other files in the mod. Have you uploaded all files correctly? What does the readme file say to do?