Can I create a [age with dynamic list of galleries?

bigmickmbigmickm Registered Users Posts: 3 Big grins
edited May 4, 2016 in SmugMug Customization
Hi everyone,
I am into bird photography and want to create a separate gallery for each bird species with all photos of that species - no problem with this part. Gallery name will be the bird species common name (ie Great Egret).
I'd then like to create a page that has a list of all the bird galleries as hyperlinks, so people could scroll through the list or use the browser "find" option to search for what they want to see. The hyperlink of course to lead to the particular bird species gallery.
I can't find any way to do this natively in SmugMug, is this possible with CSS?
Thanks in advance,
Mick

Comments

  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited April 13, 2016
    It's possible using HTML. Drag an HTML content block to the page, then use <a href= HTML to build the links.
    http://www.w3schools.com/tags/att_a_href.asp

    If all of the galleries are in the same folder you should be able to use CSS to show only the gallery name and not the thumbnail representation of the gallery. I found some CSS to do this in this post in the thread How to remove folder thumbnails from homepage ?.

    --- Denise
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited April 13, 2016
    Did I hear birds? The bird area of my site is set up like a journal sorted by year, month and day.
    I keyword/photo tag bird photos so I can see them all from the Smugmug system page named /keyword.
    Using photo tags/keywords is the only way I can think of to get what you want.
    http://www.photosbyat.com/keyword

    I've carried this farther by creating a page with an HTML widget showing thumbs.
    http://www.photosbyat.com/Birds/Bird-Gallery/n-z3FxQ

    BTW, keywords can not contain dashes so I use an underline (_) in it's place.
    The system will not allow dashes or other non-letter characters in the keywords (not good for birders i-rL782pQ.gif ).
    Use an underline instead of a dash in keywords/photo tags.
    Enclose multiple word keywords in double quotes.
    Inside of these double quotes ONLY use single quotes.
    See examples below. Either Lower or upper cases can be used. Not case sensitive.

    Examples:
    "black_throated green warbler"
    bluebird
    "swan lake"
    "swainson's warbler" (single quotes can be used)
    "yellow_rumped warbler ''myrtle's''" (use of 2 single quotes around myrtle's to look like double quote)
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited April 13, 2016
    bigmickm wrote: »
    Hi everyone,
    I am into bird photography and want to create a separate gallery for each bird species with all photos of that species - no problem with this part. Gallery name will be the bird species common name (ie Great Egret).
    I'd then like to create a page that has a list of all the bird galleries as hyperlinks, so people could scroll through the list or use the browser "find" option to search for what they want to see. The hyperlink of course to lead to the particular bird species gallery.
    I can't find any way to do this natively in SmugMug, is this possible with CSS?
    Thanks in advance,
    Mick

    This Chrome extension will work miracles, including generating an html + css list of galleries, including using the permalinks instead of the generic links, if you want that:

    [EDIT correction to correct the link]

    https://chrome.google.com/webstore/detail/smugmug-for-chrome-beta-v/ifabodhdkjnhjbcdkdfjkboidifjneia?utm_source=chrome-app-launcher-info-dialog

    (My visitor sitemap is an example of a list using Nicholas Sherlock's Chrome extension: http://www.joinrats.com/Sitemap/n-jKKP4/)
  • bigmickmbigmickm Registered Users Posts: 3 Big grins
    edited April 14, 2016
    It's possible using HTML. Drag an HTML content block to the page, then use <a href= HTML to build the links.
    http://www.w3schools.com/tags/att_a_href.asp

    If all of the galleries are in the same folder you should be able to use CSS to show only the gallery name and not the thumbnail representation of the gallery. I found some CSS to do this in this post in the thread How to remove folder thumbnails from homepage ?.

    --- Denise

    Thanks Denise,
    I'm not sure I fully understand the HTML solution you mentioned. Do you mean I need to manually create a specifiec HREF= line on the page for a link to each gallery? If so, I want to try to do this dynamically when the page is entered.
    Thanks for your assistance this far,
    Mick
  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited April 14, 2016
    bigmickm wrote: »
    Thanks Denise,
    I'm not sure I fully understand the HTML solution you mentioned. Do you mean I need to manually create a specifiec HREF= line on the page for a link to each gallery? If so, I want to try to do this dynamically when the page is entered.
    Thanks for your assistance this far,
    Mick
    Yes, the HTML solution would require manual creation of each entry.

    If that's not what you want, drag a galleries content block to the page and add the CSS from the thread that I referenced in my previous entry.

    --- Denise
  • zbreezezbreeze Registered Users Posts: 25 Big grins
    edited May 4, 2016
    thanks for the cite to the smugmug extension for chrome (I couldn't get ChancyRat's link to work, but a google search for smugmug extension for chrome found this)

    https://chrome.google.com/webstore/detail/unofficial-smugmug-extens/acobflahofemoblocddilbgnokclnphd?hl=en

    It's very useful to be able to generate a site list

    (Also, got to say, I love photographers. Allan's links to the birds is amazing. And, though rats are not my favorite beasts, that's an incredible collection of rat information, ChancyRat).
Sign In or Register to comment.