Options

Relative menu items - possible?

HZoneHZone Registered Users Posts: 3 Beginner grinner
edited September 21, 2015 in SmugMug Customization
Hi,

I'm new to SmugMug, so please excuse me if this is a stupid question or is not clearly stated.

I would like to provide users with a menu via a customisation at the 'site' or 'all galleries' level that provides navigation relative to the currently displayed page (gallery).

I've arranged my site in a hierarchy of folders arranged for different events. For each event I've created a number of virtual galleries using 'smart rules' named '1s', '2s', '3s', '4s', '5s' containing the photo's that I'd originally rated as with 1, 2 ... 5 stars in Lightroom. I plan for my main site navigation menu to take users into the '2s' gallery for event but want to provide a navigation menu from which the viewer can chose to see all of the photo's ('1s') or fewer/better ('[3-5]s') galleries. I could make every gallery a customised gallery with a custom menu containing absolute links to the other galleries for that event, however this is going to be time consuming and error prone. If I could specify the location of a gallery relative to the current location then it should be possible to define the menu once at the site or 'all galleries' level.

Using the standard 'Customize-> Content & Design' I can define custom URL links but if I enter a relative path such as '../1s' it SmugMug turns it into an absolute link 'http://../ls' which of course doesn't work! :scratch

Is what I'm wanting to do possible? Possibly using CSS customisation? If so I'd be very grateful for some tips on how.

Regards

Ian

Comments

  • Options
    HZoneHZone Registered Users Posts: 3 Beginner grinner
    edited September 21, 2015
    Ok.... after some more experimentation to answer to my own question. This can be done by adding a simple HTML section to 'All Galleries' or the 'Entire site' section::D
    <body>
    <a href="../1s" title="1*">Show All</a>
    <a href="../2s" title="2*"> | 2*</a>
    <a href="../3s" title="3*"> | 3*</a>
    <a href="../4s" title="4*"> | 4*</a>
    <a href="../5s" title="5*"> | 5*</a>
    </body>
    
    --
    Still experimenting to find ways to make this look pretty and if possible stop it from displaying links to non existent pages (my HTML is very rusty<img src="https://us.v-cdn.net/6029383/emoji/ne_nau.gif&quot; border="0" alt="" >).

    Thanks for looking.

    Ian
Sign In or Register to comment.