can folders with galleries have galleries displayed as titles only

keen but not surekeen but not sure Registered Users Posts: 51 Big grins
edited August 15, 2014 in SmugMug Customization
I found this code for viewing galleries with titles instead of images.

Here is my situation. I have folders containing many galleries....sometimes up to 50 galleries.
Is there a way when someone views the folder with 50 galleries....they can view the titles instead. it would be quicker and easier to view what galleries are available in that folder. And then of course...once a gallery title is found...you just have to click it and it opens to that gallery and reveals all the images.

I found this html coding for galleries...It didn't work on my folder containing the galleries.
Can anyone help me with this?

Jeannie

/* Turn gallery icons into a text list */
.sm-page-widget-galleries img {
display:none !important;
}
.sm-page-widget-galleries .sm-tile-wrapper {
width:auto !important;
max-width:none !important;
display:block !important;
}
.sm-page-widget-galleries a {
padding-bottom:0 !important;
}
.sm-page-widget-galleries .sm-tile-info {
position:static !important;
}
.sm-page-widget-galleries .sm-tile-placeholder-icon {
display: none!important;
}

Comments

  • PhyxiusPhyxius Registered Users Posts: 1,396 Major grins
    edited August 13, 2014
    Hi!

    Can you please post a link to your site? This is the legacy customization forum but the CSS posted above appears to be New SmugMug. If you want to change a specific folder please include that link.

    We're standing by!
    Christina Dale
    SmugMug Support Specialist - www.help.smugmug.com

    http://www.phyxiusphotos.com
    Equine Photography in Maryland - Dressage, Eventing, Hunters, Jumpers
  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited August 13, 2014
    As Phyxius noted your question appears to be about new smug, not legacy.

    I've moved your thread to the New SmugMug Customization forum.

    --- Denise
  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 13, 2014
    As Phyxius noted your question appears to be about new smug, not legacy.

    I've moved your thread to the New SmugMug Customization forum.

    --- Denise

    This smugmug acct is still in preview mode only. I'm still not ready to migrate the site over and will be staying in legacy mode until I can modify the folder page.

    http://gordonleephotography.smugmug.com/Lacrosse/MiniTykeBuccaneerLacrosseTour

    I would like to change the gallery view to be titles rather than images of each gallery.

    This is a small folder...not one of my big ones.

    Thank you for looking into this matter for me
    Jeannie
  • bobbyherobobbyhero Registered Users Posts: 207 Major grins
    edited August 13, 2014
    As a proof of concept, I added the following code to that page (in New), to show that you can remove the images. However, formatting becomes difficult, since the layout is really meant to be displayed in a "block" format.
    .sm-tile img {
      display:none !important;
    }
    
    .sm-user-ui .sm-tiles .sm-tile-content, .sm-user-ui .sm-tiles-column-organic .sm-tile-content.sm-tile-content-empty, .sm-user-ui .sm-tiles-column-organic.sm-tiles-info-over .sm-tile-content, .sm-user-ui .sm-tiles-column-organic.sm-tiles-info-cover .sm-tile-content {
      background-color:#000000;
    }
    

    You'll need to play around with that code, to get the layout you want. You also may only want to apply it to that specific Folder, since it may have unintended consequences elsewhere on the site.

    ** Note - anyone trying to see these changes above won't be able to, since I used my super-duper-privileges to add the code to the user's "Sandbox" New SmugMug site. You'll be able to see it if they make their New site Public.
  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 13, 2014
    bobbyhero wrote: »
    As a proof of concept, I added the following code to that page (in New), to show that you can remove the images. However, formatting becomes difficult, since the layout is really meant to be displayed in a "block" format.

    I don't quite know where you inserted the html but all my folders with galleries are also displaying just text in 'block' which is fine. The individual galleries still retain the smugmug theme...thumbnails and i big image...that's good.

    So thank you ...with some basic tweaking...I got it to look like this...but in my next reply I'll show you what I'm really trying for.
  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 13, 2014
    So thank you ...with some basic tweaking...I got it to look like this...but in my next reply I'll show you what I'm really trying for.[/QUOTE]

    I created this within smugmug on a page and personally....I found it laborious. Having to copy and relink each title to a specific gallery is extremely time consuming.

    Is there no other way of reformatting each 'folder containing galleries' so titles are listed in columns?
  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 13, 2014
    So I really would like to recreate the folder page with galleries looking like the second image (list format)...instead of the first image (text in block format)...is that possible?
  • bobbyherobobbyhero Registered Users Posts: 207 Major grins
    edited August 14, 2014
    I fine-tuned the code a bit, but still needs some work. Your folder also can't have a featured image (needs to be "blank"):
    .sm-tiles-1x1 .sm-tile-content {
      padding-bottom:13% !important;
    }
    
    .sm-tiles-grid.sm-tiles-col-4 .sm-tile-wrapper, .sm-tiles-column-organic.sm-tiles-col-4 .sm-tiles-column {
      display:block;
    }
    
    .sm-user-ui .sm-tiles .sm-tile-content, .sm-user-ui .sm-tiles-column-organic .sm-tile-content.sm-tile-content-empty, .sm-user-ui .sm-tiles-column-organic.sm-tiles-info-over .sm-tile-content, .sm-user-ui .sm-tiles-column-organic.sm-tiles-info-cover .sm-tile-content {
      background:none !important;
    }
    
    .sm-user-ui .sm-tile-content > .sm-tile-info {
      background:none !important;
    }
    
  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 14, 2014
    bobbyhero wrote: »
    I fine-tuned the code a bit, but still needs some work. Your folder also can't have a featured image (needs to be "blank"):

    Two things...

    One: where have you placed your html code on the page below or is it elsewhere?

    http://gordonleephotography.smugmug.com/Lacrosse/MiniTykeBuccaneerLacrosseTour

    Two: Was there a change? Your altered code still looks similar to the first pic...the titles of each gallery are in grid formation with a lot of black empty spaces caused by the block theme of gallery pages.

    The first html coding I showed you manages to convert a gallery from photos to titles only.
    Are you sure this can't be done to folders with galleries. Please look at the first post to this thread to see the coding I'm talking about.
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited August 14, 2014
    Using Nicholas' backup tool for Chrome, there is an option to list all galleries by HTML.
    I use that tool to create a visitor sitemap. My example: http://www.joinrats.com/Sitemap/

    I also have a different way of presenting text-only gallery titles using the menu block, which can be dropped anywhere, not just in the top as a navbar. On my homepage, below the title "sitemap", are the menu blocks. The settings are horizontal, alignment left. I can't recall why I didn't choose "vertical", but it was something with the format results that I didn't like and couldn't customize to my liking. By narrowing the width of the menu block I forced a vertical column.

    EDIT: Oops, left out link to the Chrome extension:
    http://www.dgrin.com/showthread.php?t=240752
  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 14, 2014
    ChancyRat wrote: »
    Using Nicholas' backup tool for Chrome, there is an option to list all galleries by HTML.
    I use that tool to create a visitor sitemap. My example: http://www.joinrats.com/Sitemap/

    I'm wondering if Nicholas's coding requires Chrome as the browser as I do not use Chrome.
  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited August 14, 2014
    ChancyRat wrote: »
    Using Nicholas' backup tool for Chrome, there is an option to list all galleries by HTML.
    I use that tool to create a visitor sitemap. My example: http://www.joinrats.com/Sitemap/

    I'm wondering if Nicholas's coding requires Chrome as the browser as I do not use Chrome.
    Nicholas's tool requires Chrome.

    Why not install it to use his tool?

    --- Denise
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited August 15, 2014
    ChancyRat wrote: »
    Using Nicholas' backup tool for Chrome, there is an option to list all galleries by HTML.
    I use that tool to create a visitor sitemap. My example: http://www.joinrats.com/Sitemap/

    I'm wondering if Nicholas's coding requires Chrome as the browser as I do not use Chrome.

    His tool is amazing in many ways. You can always uninstall Chrome, but even if you only use it for this tool, you'll find that a good investment.
  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 15, 2014
    ChancyRat wrote: »

    His tool is amazing in many ways. You can always uninstall Chrome, but even if you only use it for this tool, you'll find that a good investment.

    Thank you folks....I ended up emailing him personally and the reason why his original coding did not work was because I had attached his coding to an html/css box and he clarified that it had to go directly into a css box. Once I did this...the gallery went from images to a list of titles once it was saved.

    So there was no need to go through Chrome after all. I still appreciated all that came forward with suggestions...it shows you care.

    Thank you
    Jeannie
Sign In or Register to comment.