Options

Gallery customization in new SM - don't want to display keywords

neophyteneophyte Registered Users Posts: 39 Big grins
edited July 24, 2014 in SmugMug Customization
In trying to 'customize all galleries' in the new SM, when I mouse over the part of a gallery page in the Smugmug style, I see a box called "Area reserved for default Smugmug content." That area contains the standard Smugmug layout, with thumbnails on the left and the larger photo on the right, then the caption for the photo, then a list of keywords and a comment section.

I want to lose the keywords entirely and then drop the comments out lower on the page, but that whole part of the page has a 'locked' symbol and I don't seem to be able to get at it. I'm hoping I just haven't kicked the tires enough and I'm missing something, because the unveiling today claimed we'll be able to customize this thing down to the individual atom.

Don't want to list keywords under photos, and I just kind of want to bust open that "Area reserved for default Smugmug content" on principle. Could it be that one only sees the keywords when logged in? Anybody got any ideas?

Thanks very much.

Neo
«13

Comments

  • Options
    paulbrockpaulbrock Registered Users Posts: 515 Major grins
    edited July 31, 2013
    I think you'd be looking at CSS to change that. the smug boxes are locked down.
  • Options
    jhofkerjhofker Registered Users Posts: 136 Major grins
    edited July 31, 2013
    Add a CSS block for all galleries with this in it:
    .sm-tile-keywords {
      display: none;
    }
    
  • Options
    moose135moose135 Registered Users Posts: 1,417 Major grins
    edited July 31, 2013
    jhofker wrote: »
    Add a CSS block for all galleries with this in it:
    Looks like that did the trick! Thanks!
  • Options
    VanlippeVanlippe Registered Users Posts: 23 Big grins
    edited July 31, 2013
    I'll second that
    Thanks here as well. I was wondering how to solve that problem myself.

    - Richard
  • Options
    DonlivixDonlivix Registered Users Posts: 37 Big grins
    edited July 31, 2013
    I was looking for the same trick. Thanks a lot! :ivar
  • Options
    AperturePlusAperturePlus Registered Users Posts: 374 Major grins
    edited August 1, 2013
    jhofker wrote: »
    Add a CSS block for all galleries with this in it:
    .sm-tile-keywords {
      display: none;
    }
    

    Yeah - that helped a lot here as well. Many thanks!!
  • Options
    MeliezzaMeliezza Registered Users Posts: 11 Big grins
    edited August 1, 2013
    didn't work for me...
    moose135 wrote: »
    Looks like that did the trick! Thanks!

    I tried adding css code to galleries content and it still didn't work. I then tried adding it to each individual gallery, ie SENIORS, and it still didn't work. I don't see the keywords on my pc but I see it on my iphone as it scrolls through my galleries.
  • Options
    MeliezzaMeliezza Registered Users Posts: 11 Big grins
    edited August 1, 2013
    sorry, it did work. I guess I was just a bit too fast. MAHALO!
  • Options
    Sir_EagleSir_Eagle Registered Users Posts: 137 Major grins
    edited August 1, 2013
    That worked great, no more keywords. :):

    Now how to get rid of the comments box?
  • Options
    T. BombadilT. Bombadil Registered Users Posts: 286 Major grins
    edited August 1, 2013
    Sir_Eagle wrote: »
    That worked great, no more keywords. :):

    Now how to get rid of the comments box?

    In the Gallery Settings (you can get there by selecting the gallery in Organize mode, or when viewing a gallery choose Customize, Gallery Settings), turn off "Allow Comments" in the "Social" section.
    Bruce

    Chooka chooka hoo la ley
    Looka looka koo la ley
  • Options
    Sir_EagleSir_Eagle Registered Users Posts: 137 Major grins
    edited August 1, 2013
    In the Gallery Settings (you can get there by selecting the gallery in Organize mode, or when viewing a gallery choose Customize, Gallery Settings), turn off "Allow Comments" in the "Social" section.
    Do you know a way to do it globally, or do you have to go into the settings for each gallery one by one?
  • Options
    T. BombadilT. Bombadil Registered Users Posts: 286 Major grins
    edited August 1, 2013
    Sir_Eagle wrote: »
    Do you know a way to do it globally, or do you have to go into the settings for each gallery one by one?

    You can select multiple galleries in the Organize tool, then click the Settings button at top left. That will allow you to make the change for all galleries in a given folder.

    I don't know a way to do it globally.
    Bruce

    Chooka chooka hoo la ley
    Looka looka koo la ley
  • Options
    Sir_EagleSir_Eagle Registered Users Posts: 137 Major grins
    edited August 1, 2013
    In the Gallery Settings (you can get there by selecting the gallery in Organize mode, or when viewing a gallery choose Customize, Gallery Settings), turn off "Allow Comments" in the "Social" section.
    You can select multiple galleries in the Organize tool, then click the Settings button at top left. That will allow you to make the change for all galleries in a given folder.

    I don't know a way to do it globally.

    Thanks
  • Options
    happymatichappymatic Registered Users Posts: 8 Beginner grinner
    edited August 2, 2013
    Any css wisdom on how to also hide captions?
  • Options
    RichmondImageRichmondImage Registered Users Posts: 65 Big grins
    edited August 2, 2013
    I think you mean gallery description (not captions) but I am looking into it at the moment
  • Options
    jhofkerjhofker Registered Users Posts: 136 Major grins
    edited August 3, 2013
    To get rid of comments, add this in a CSS block:
    .sm-gallery-comments-container { display: none; }
    

    To get rid of captions AND keywords, use this (Note that more may get hidden - I'm not sure yet what else gets placed in this box):
    .sm-tile-info { display: none; }
    

    To get rid of just captions (Note to Smugmug - it'd be swell if captions had a class like .sm-tile-caption) :
    .sm-tile-info > p:first { display: none; }
    

    To get rid of just keywords:
    .sm-tile-keywords { display: none; }
    

    You can easily combine these types of rules like the following, which hides all the commenting and keywords (note the use of a comma):
    .sm-gallery-comments-container, .sm-tile-keywords { display: none; }
    

    You can also have multiple rules in a single block - don't add a new CSS block for every single rule!
  • Options
    jhofkerjhofker Registered Users Posts: 136 Major grins
    edited August 3, 2013
    It's worth mentioning that, for something like comments, this doesn't actually disable comments - if someone REALLY wants to and uses developer tools in their browser to unhide the comment stuff, they can still comment.
  • Options
    afarberafarber Registered Users Posts: 267 Major grins
    edited August 3, 2013
    Very helpful. Thanks!

    At what level should this be added? Is it sitewide or can it be specific to certainly folders and sub-folders?
  • Options
    Sir_EagleSir_Eagle Registered Users Posts: 137 Major grins
    edited August 3, 2013
    jhofker wrote: »
    To get rid of comments, add this in a CSS block:
    .sm-gallery-comments-container { display: none; }
    
    To get rid of captions AND keywords, use this (Note that more may get hidden - I'm not sure yet what else gets placed in this box):
    .sm-tile-info { display: none; }
    
    To get rid of just captions (Note to Smugmug - it'd be swell if captions had a class like .sm-tile-caption) :
    .sm-tile-info > p:first { display: none; }
    
    To get rid of just keywords:
    .sm-tile-keywords { display: none; }
    
    You can easily combine these types of rules like the following, which hides all the commenting and keywords (note the use of a comma):
    .sm-gallery-comments-container, .sm-tile-keywords { display: none; }
    
    You can also have multiple rules in a single block - don't add a new CSS block for every single rule!

    This needs to be in it's own thread and hopefully made a sticky. Then new codes could be added and easily found. This is very good info. Thanks.thumb.gif
  • Options
    AllenAllen Registered Users Posts: 10,011 Major grins
    edited August 6, 2013
    We need a specific selector to only show these when logged in.
    Like Legacy site .notLoggedIn ..... {display:none;}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    aschendelaschendel Registered Users Posts: 283 Major grins
    edited August 6, 2013
    I wouldn't be surprised if you could hook into the new .sm-user-loggedin class... It feels backwards but you might be able to use it for a similar purpose.

    Andy
  • Options
    AllenAllen Registered Users Posts: 10,011 Major grins
    edited August 6, 2013
    aschendel wrote: »
    I wouldn't be surprised if you could hook into the new .sm-user-loggedin class... It feels backwards but you might be able to use it for a similar purpose.

    Andy
    I would have to look at someones site that's unveiled to see if notloggedin is there. Surely they would
    toggle that class name between logged in and logged out.

    Edit: found one unveiled site
    The only thing I could find in the page source is this.
    loggedInUser=null
    No class names anywhere for this part "logged".
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    aschendelaschendel Registered Users Posts: 283 Major grins
    edited August 6, 2013
    I think you could a pair of CSS rules to get what you want. I haven't tested it but this might be pretty close...
    /* hide keywords */
    .sm-tile-keywords
    {
      display: none;
    }
    
    /* make sure this follows the "hide keywords" rule above */
    .sm-user-loggedin .sm-tile-keywords
    {
      display:block;
    }
    

    a.s.
  • Options
    happymatichappymatic Registered Users Posts: 8 Beginner grinner
    edited August 7, 2013
    Worked! Thanks everybody! This is the code I used in a custom CSS block to hide keywords and captions. Wee!

    .sm-tile-info, .sm-tile-keywords {
    display: none;
    }
  • Options
    canderson1229canderson1229 Registered Users Posts: 158 Major grins
    edited August 15, 2013
    ok does anyone know how to get rid of the locked down "area reserved for smugmug content" block? I'd like it completely gone. Thanks!
  • Options
    AllenAllen Registered Users Posts: 10,011 Major grins
    edited August 15, 2013
    ok does anyone know how to get rid of the locked down "area reserved for smugmug content" block? I'd like it completely gone. Thanks!
    Assuming you have not unveiled sounds like something on your legacy site. You'd have to go there to
    work with it. All gallery content from legacy is locked in the sandbox.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    canderson1229canderson1229 Registered Users Posts: 158 Major grins
    edited August 15, 2013
    Allen wrote: »
    Assuming you have not unveiled sounds like something on your legacy site. You'd have to go there to
    work with it. All gallery content from legacy is locked in the sandbox.

    Thanks for the response Allen, do you know what I need to do there?
  • Options
    AllenAllen Registered Users Posts: 10,011 Major grins
    edited August 15, 2013
    Thanks for the response Allen, do you know what I need to do there?
    I don't know, what's the link to the legacy site page and what do you want done?
    You have not unveiled, correct?
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    canderson1229canderson1229 Registered Users Posts: 158 Major grins
    edited August 16, 2013
    Allen wrote: »
    I don't know, what's the link to the legacy site page and what do you want done?
    You have not unveiled, correct?

    I'm having too many problems to unveil. I want to remove the locked area for smugmug content.

    here is my legacy site. www.ConnieAndersonPhotography.com Thanks Allen
  • Options
    FergusonFerguson Registered Users Posts: 1,339 Major grins
    edited August 16, 2013
    I'm having too many problems to unveil. I want to remove the locked area for smugmug content.

    here is my legacy site. www.ConnieAndersonPhotography.com Thanks Allen

    The locked areas appear in specific contexts. For example, on a gallery page. You can't get rid of it from a gallery page, but you CAN do something other than a gallery page. For example, if you want to display a gallery with your own arrangement of text and pictures, you can just create a page, put either the multi-photo or single photo blocks there (as often as you like, arranged however you like), and tie them to what you want to display.

    The gallery page (with its locked content) still exists, but if it's not linked to your home page it's not going to show up. You can even make it unlisted if you like (not private as then you can't get the images to appear).

    Another locked area is on a folder display -- same principle, if you don't like that kind of display, don't link to folders, link to pages you format yourself.

    Now formatting everything you want as individual pages works if you want a half dozen such -- if you have dozens or hundreds it's not viable.
Sign In or Register to comment.