Multiple Drop Down/Flyout Menus?

NikonsandVstroms · October 11, 2016

So I'm looking to add more galleries to my page http://www.jonathanbeckley.com/ and since there will be so many on my Galleries page I'll be using links to folders instead of listing them all like it's currently set up. I've been testing it out going by this tutorial:

https://school.smugmug.com/SmugMug-Tips/Menu-Bar-Builder

But here's the problem. When I test this out and make Galleries into a drop down menu (which isn't live on my site currently) it just includes the folders name. Is there anyway to have it go from that to a flyout menu with the galleries inside that folder?

So if it was say:

Fine Art
Weddings/Engagements
Performances
Concerts
Portraits

And you scrolled over Weddings/Engagements then to the side of that there would be fly out links for a Wedding gallery and a Engagement gallery.

Hikin' Mike · October 11, 2016

Did you check the box "include sub-links" in your menu?

Choose Pages I Choose to link to a Folder, Gallery or Page on your SmugMug site. If you choose a Folder, the option to Include Folder Contents will be revealed. Turn that ON if you'd like to have a dropdown (flyout) for that menu item.

NikonsandVstroms · October 11, 2016

Hikin' Mike wrote: »

Did you check the box "include sub-links" in your menu?

Yes, that only does it for the first level (what's in the folder you select), I'm looking for fly out links from the folder within a folder.

Hikin' Mike · October 11, 2016

If you look at my example here: http://gallery.imagesinthebackcountry.com/Smugmug-customization/Customize-Dropdowns. If you look at the example menu and hover over the 'Portfolio' link you'll see two links (Landscape and Absence of Color). If you hover on those you'll see the other galleries. If that's what you're talking about, you'll need to create a "holder page/link"...like my Portfolio link. The add your folders (my Landscape and Absence of Color folder) UNDER that "holder page/link". Then you'll see the fly-out links.

Hope this makes sense.

Hikin' Mike · October 11, 2016

I just checked something. It wouldn't list folders inside of a folder....I don't use that. You may have you create it "by hand" by adding the folders manually.

Hikin' Mike · October 11, 2016

Right now you see this:

Top Folder 1
Top Folder 2
Top Folder 3
Top Folder 4

But you have folder inside of each of those 4 folders and you want to see them on the fly-out? You'll have to do something like this:

Top Folder 1
	sub-folder 1.1
	sub-folder 1.2
	sub-folder 1.3
	sub-folder 1.4
Top Folder 2
	sub-folder 2.1
	sub-folder 2.2
Top Folder 3
	sub-folder 3.1
	sub-folder 3.2
	sub-folder 3.3
	sub-folder 3.4
Top Folder 4
	sub-folder 4.1
	sub-folder 4.2
	sub-folder 4.3
	sub-folder 4.4
	sub-folder 4.5
	sub-folder 4.5

You'll have to just move the subs under (nested) each top folder. Make sense?

NikonsandVstroms · October 11, 2016

Hikin' Mike wrote: »
Right now you see this:
Top Folder 1
Top Folder 2
Top Folder 3
Top Folder 4
But you have folder inside of each of those 4 folders and you want to see them on the fly-out? You'll have to do something like this:
Top Folder 1
	sub-folder 1.1
	sub-folder 1.2
	sub-folder 1.3
	sub-folder 1.4
Top Folder 2
	sub-folder 2.1
	sub-folder 2.2
Top Folder 3
	sub-folder 3.1
	sub-folder 3.2
	sub-folder 3.3
	sub-folder 3.4
Top Folder 4
	sub-folder 4.1
	sub-folder 4.2
	sub-folder 4.3
	sub-folder 4.4
	sub-folder 4.5
	sub-folder 4.5
You'll have to just move the subs under (nested) each top folder. Make sense?

Yup, that's what I'm looking for, and how do I get to the code section in the editor? I see adding html/css but not an option to get the source up for the sections already up.

And for that would the variables "Top Folder 4" "subfolder 4.1" just be the names? No additional syntax is needed?

Hikin' Mike · October 11, 2016

No code involved, I just used the 'code' as an example. All you need to do is add the folders to your menu.

NikonsandVstroms · October 11, 2016

Hikin' Mike wrote: »
Right now you see this:
Top Folder 1
Top Folder 2
Top Folder 3
Top Folder 4
But you have folder inside of each of those 4 folders and you want to see them on the fly-out? You'll have to do something like this:
Top Folder 1
	sub-folder 1.1
	sub-folder 1.2
	sub-folder 1.3
	sub-folder 1.4
Top Folder 2
	sub-folder 2.1
	sub-folder 2.2
Top Folder 3
	sub-folder 3.1
	sub-folder 3.2
	sub-folder 3.3
	sub-folder 3.4
Top Folder 4
	sub-folder 4.1
	sub-folder 4.2
	sub-folder 4.3
	sub-folder 4.4
	sub-folder 4.5
	sub-folder 4.5
You'll have to just move the subs under (nested) each top folder. Make sense?

Hikin' Mike wrote: »

No code involved, I just used the 'code' as an example. All you need to do is add the folders to your menu.

Oh I tried that and it didn't work. It went:

Art
   gallery
   gallery
   gallery
   gallery   
   test folder
            test gallery 1
            test gallery 2

But neither test gallery 1 or 2 would show up

Hikin' Mike · October 11, 2016

NikonsandVstroms wrote: »
Oh I tried that and it didn't work. It went:
Art
   gallery
   gallery
   gallery
   gallery   
   test folder
            test gallery 1
            test gallery 2
But neither test gallery 1 or 2 would show up

Is 'test folder' checked marked as 'include sub-links'?

Hikin' Mike · October 12, 2016

Had some spare time so I thought I'd post an image. In my case my 'Portfolio' is my SmugMug home page. My Landscape, Wildlife Absence of Color and Nature links are all Folders. My Inspiration link is a Gallery and the Video link is a Custom Link sending it to my WordPress site.

On the first photo you can see how I created the 'Portfolio' top nav link and the nesting Folders, Gallery and Custom link. Clicking on the 'Landscape' link sends you to the second image. The second image shows the 'Link To', 'Pick One' and 'Include Sub-Links' settings. The last image shows the results. Note that I'm not showing the sub-links on my site, I just turned them on for this example.

NikonsandVstroms · October 12, 2016

Hikin' Mike wrote: »

Had some spare time so I thought I'd post an image. In my case my 'Portfolio' is my SmugMug home page. My Landscape, Wildlife Absence of Color and Nature links are all Folders. My Inspiration link is a Gallery and the Video link is a Custom Link sending it to my WordPress site.

On the first photo you can see how I created the 'Portfolio' top nav link and the nesting Folders, Gallery and Custom link. Clicking on the 'Landscape' link sends you to the second image. The second image shows the 'Link To', 'Pick One' and 'Include Sub-Links' settings. The last image shows the results. Note that I'm not showing the sub-links on my site, I just turned them on for this example.

Thanks, now I got it.

Hikin' Mike · October 12, 2016

NikonsandVstroms wrote: »

Thanks, now I got it.

Glad to help. I'm a visual person, especially since my stroke...communication isn't my strong point anymore.

Multiple Drop Down/Flyout Menus?

Comments