• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support Legacy SmugMug Customization How To Hide The Breadcrumb

Need some help with your New SmugMug Site?

Dgrin Challenges

Our Challenges moderator has lined up an new set of challenges for you. The Weekly Word Challenge. Get all the details and participate in the conversation Weekly Word Challenge.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Looking for a little challenge? The Dgrin Mini-Challenges are a great way to challenge yourself. Take a moment to look through past winners and find the current Mini Challenge here.

From Around the Net

Enjoy a few of our favorite articles from around the 'net. If you have something you think we should see, post it here and we'll have a look.

Journeys

Landscapes

Sports

 
Thread Tools Display Modes
Page 1  of  6
1 2 3 4 5 Last »
Old Jan-25-2007, 09:59 AM
#1
Andy is offline Andy OP
Bicameral
Andy's Avatar
How To Hide The Breadcrumb
If you want to hide the breadcrumb everywhere at all times, use this CSS:

#breadCrumbTrail {display: none;}

If you want it to be visible to you, the site owner when logged in, but not to any visitors, use this CSS:

.notLoggedIn #breadCrumbTrail {display: none;}

Also on that same line on the gallery page, the Share button can be turned off for your viewers by turning off Easy Sharing in gallery settings for any particular gallery (though it will still show for you when you are logged in). The Cart and Buy buttons can be turned off by turning off print ordering in gallery settings for any particular gallery.

One should never hide the #breadcrumb object itself because that also contains the Tools button which is the only way you can do maintenance on your galleries (when logged in).
Old Jan-30-2007, 07:37 PM
#2
pigeon is offline pigeon
just me
pigeon's Avatar
Andy - how do you remove the breadcrumb from only ONE page/gallery (slideshow)?

thanks,
teresa

Quote:
Originally Posted by Andy
Add this to your CSS:



#breadcrumb {visibility: hidden;}
#altViews {visibility: visible;}
.loggedIn #breadcrumb {visibility: visible;}


This hides it from visitors, allows you to see it while logged in (convenient).
Old Jan-30-2007, 07:41 PM
#3
Andy is offline Andy OP
Bicameral
Andy's Avatar
Quote:
Originally Posted by pigeon
Andy - how do you remove the breadcrumb from only ONE page/gallery (slideshow)?

thanks,
teresa

.gallery_XXXXXX #breadcrumb {visibility: hidden;}
.gallery_XXXXXX#altViews {visibility: visible;}
Old Jan-31-2007, 03:08 AM
#4
rolandallen is offline rolandallen
Beginner grinner
rolandallen's Avatar
is this the "slider"
Are "breadcrumbs" the slider on the right side of the photo?




Quote:
Originally Posted by Andy
Add this to your CSS:



#breadcrumb {visibility: hidden;}
#altViews {visibility: visible;}
.loggedIn #breadcrumb {visibility: visible;}


This hides it from visitors, allows you to see it while logged in (convenient).
__________________
:thumbRMA
... a few thoughts and a couple of cameras in southern Orange County, California.
Old Jan-31-2007, 03:24 AM
#5
Andy is offline Andy OP
Bicameral
Andy's Avatar
Quote:
Originally Posted by rolandallen
Are "breadcrumbs" the slider on the right side of the photo?
No, breadcrumb is

Andy>Weddings>Smith-Jones>Reception

Does this help?
Old Jan-31-2007, 03:38 AM
#6
rolandallen is offline rolandallen
Beginner grinner
rolandallen's Avatar
Thanks, Andy!
This is helpful. Is there a way to disable the new slider? I should have asked that in the first post.


Quote:
Originally Posted by Andy
No, breadcrumb is

Andy>Weddings>Smith-Jones>Reception

Does this help?
__________________
:thumbRMA
... a few thoughts and a couple of cameras in southern Orange County, California.
Old Jan-31-2007, 03:53 AM
#7
Andy is offline Andy OP
Bicameral
Andy's Avatar
Quote:
Originally Posted by rolandallen
Thanks, Andy!
This is helpful. Is there a way to disable the new slider? I should have asked that in the first post.
Hi again It's my pleasure to help. So, that's called the "photoBar" and yes, it can be disabled. The info for that is here in this sticky thread:
http://www.dgrin.com/showthread.php?t=52107

Let us know if you need/want any help at all with that.
Old May-04-2007, 07:01 AM
#8
DotCom Editor is offline DotCom Editor
Big grins
Huh Suppress Breadcrumb Partially?
Quote:
Originally Posted by Andy
.gallery_XXXXXX #breadcrumb {visibility: hidden;}
.gallery_XXXXXX#altViews {visibility: visible;}
Hi Andy, hope all is well with you.

I need to be slightly less granular than removing the breadbrumb for just one gallery. A question, if you please. I searched but could not this info elsewhere.

For a particular Subcategory, can I display the breadcrumb from that Subcat forward, but NOT display anything upstream that would lead to my home page? And where would I insert the code that accomplishes this?

Example:
Instead of
Andy>Weddings>Smith-Jones>Reception
I want to display only
Weddings>Smith-Jones>Reception
so customers cannot navigate back to my home page.

The URL for the "Weddings" Subcat is what I would give to customers, allowing them see all of the weddings listed, though individual galleries might be password protected.

My actual scenario is that I do team sports event photos for sale, and I want any customer to see any and all for-sale events regardless of team or type of sport. But I don't want them to see any sports photos I shoot for my own enjoyment or any other Subcat, Cat, or my Home page. Hope I'm describing this well enough.

If this is not possible, as a less attractive alternative, how do I supress the breadcrumb for an entire Subcategory?

One thing that's limiting here is (as far as I can tell) that Smugmug allows only one Subcat in the hierarchy. It would be nice to allow sub-subcats, sub-sub-subcats, and additional levels, etc. so that the hierarchy is much more flexible. But that's a discussion for another time.

Andy, as always, thank you for sharing your expertise. I think now I'll enjoy a cup of tea in your Grand Central Terminal coffee (er, tea) mug!
Old May-04-2007, 07:12 AM
#9
Andy is offline Andy OP
Bicameral
Andy's Avatar
Quote:
Originally Posted by DotCom Editor
Hi Andy, hope all is well with you.

I need to be slightly less granular than removing the breadbrumb for just one gallery. A question, if you please. I searched but could not this info elsewhere.

For a particular Subcategory, can I display the breadcrumb from that Subcat forward, but NOT display anything upstream that would lead to my home page? And where would I insert the code that accomplishes this?

Example:
Instead of
Andy>Weddings>Smith-Jones>Reception
I want to display only
Weddings>Smith-Jones>Reception
so customers cannot navigate back to my home page.

The URL for the "Weddings" Subcat is what I would give to customers, allowing them see all of the weddings listed, though individual galleries might be password protected.

My actual scenario is that I do team sports event photos for sale, and I want any customer to see any and all for-sale events regardless of team or type of sport. But I don't want them to see any sports photos I shoot for my own enjoyment or any other Subcat, Cat, or my Home page. Hope I'm describing this well enough.

If this is not possible, as a less attractive alternative, how do I supress the breadcrumb for an entire Subcategory?

One thing that's limiting here is (as far as I can tell) that Smugmug allows only one Subcat in the hierarchy. It would be nice to allow sub-subcats, sub-sub-subcats, and additional levels, etc. so that the hierarchy is much more flexible. But that's a discussion for another time.

Andy, as always, thank you for sharing your expertise. I think now I'll enjoy a cup of tea in your Grand Central Terminal coffee (er, tea) mug!
I'd recommend a sharegroup
http://www.smugmug.com/help/share-groups
Old May-04-2007, 08:03 AM
#10
DotCom Editor is offline DotCom Editor
Big grins
Quote:
Originally Posted by Andy
I'd recommend a sharegroup
http://www.smugmug.com/help/share-groups
Sharegroup. Excellent!

Almost there. Alas, the sharegroup displays the breadcrumb. How do I suppress it from displaying?

I don't see a way to "customize" the share group, such as suppress the description and update time stamp for each gallery.

Sorry for being a pest! Thanks again.
Old May-18-2007, 10:27 AM
#11
DotCom Editor is offline DotCom Editor
Big grins
Follow-up question
Hi Andy and other dGrinners...

A follow-up question, if you please.

I followed your advice and created a Sharegroup.

Here's the rub: I've hidden the breadcrumb of the two galleries in the sharegroup. But the sharegroup itself is displaying its own breadcrumb. Any advice on how to hide that? Thanks again.
Old May-18-2007, 10:08 PM
#12
richW is offline richW
SmugMug QA
richW's Avatar
Quote:
Originally Posted by DotCom Editor
Here's the rub: I've hidden the breadcrumb of the two galleries in the sharegroup. But the sharegroup itself is displaying its own breadcrumb. Any advice on how to hide that? Thanks again.
Try adding this to your css section:
.shareHomepage #breadcrumb {display: none;}
Old May-19-2007, 09:49 AM
#13
JEphotography is offline JEphotography
Big grins
Quote:
Originally Posted by richW
Try adding this to your css section:
.shareHomepage #breadcrumb {display: none;}
How about removing breadcrumb on a category.

I tried

.categories #breadcrumb {display: none}

but it didn't work.
Old May-19-2007, 10:03 AM
#14
JEphotography is offline JEphotography
Big grins
Quote:
Originally Posted by JEphotography
How about removing breadcrumb on a category.

I tried

.categories #breadcrumb {display: none}

but it didn't work.
Never mind, I figured it out.
Old May-19-2007, 10:08 AM
#15
richW is offline richW
SmugMug QA
richW's Avatar
Quote:
Originally Posted by JEphotography
Never mind, I figured it out.


.category_CategoryName #breadcrumb {display: none;}
Old May-31-2007, 05:33 PM
#16
vegasphotog is offline vegasphotog
Rule 62
vegasphotog's Avatar
Style Sheet issues?
Ok...I dropped the hide breadcrumb code in but now it wacks out my style sheet....any ideas? That thick dark green area should not be there...

http://vegasphotographics.smugmug.co...81584#96966271
Old Jun-18-2007, 07:31 AM
#17
Protographer is offline Protographer
Big grins
Quote:
Originally Posted by Andy
Add this to your CSS:

#breadcrumb {visibility: hidden;}
#altViews {visibility: visible;}
.loggedIn #breadcrumb {visibility: visible;}

This hides it from visitors, allows you to see it while logged in (convenient).
What is "altViews"? Thanks.
Old Jun-18-2007, 07:46 AM
#18
caroline is offline caroline
Major grins
Quote:
Originally Posted by akphotog
Ok...I dropped the hide breadcrumb code in but now it wacks out my style sheet....any ideas? That thick dark green area should not be there...

http://vegasphotographics.smugmug.co...81584#96966271
Hi, I don't know how to help you but I do know that when I was using 'Sand' template the same applied and although there were various suggestions about how to overcome it, none were satisfactory and no-one really grasped the nettle from Smugmug. I can't find the actual thread, Allen tried very hard to sort this for me but in the end I changed to a different theme.
Caroline
__________________
Mendip Blog - Blog from The Fog, life on the Mendips
www.carolineshipsey.co.uk - Follow me on G+

[/URL]
Old Jun-18-2007, 08:27 AM
#19
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Protographer
What is "altViews"? Thanks.
This is straight from the page html. Should give you an idea
what's contained in the altViews div.

gallerypage logged out
Code:
<div id="altViews" class="nav">
    <div id="playSlideShowWrapper" class="buttonWrapper">
         <a onclick="window.open('/photos/sspopup.mg?AlbumID=133452', 'ssFull123456',
         'scrollbars=0,status=0,resizable=1,width='+screen.width+',height='+screen.height+',
          top=0,left=0'); return false;" href="javascript:void(0);"></a>
    </div>
    <div id="shareLinkWrapper" class="buttonWrapper">
         <a id="shareLink" href="/gallery/share.mg?AlbumID=133452&Page=1&ImageID=90110181"
            style="display: inline;"></a>
    </div>
</div>
gallerypage logged in
Code:
<div id="altViews" class="nav">
      <*script type="text/javascript"*>
         pageType = "Album";
         pageID = 123456;
     <*/script*>
     <div id="themesButtonWrapper" class="buttonWrapper">
        <a href="javascript:toggleThemeChoices();"></a>
     </div>
     <div id="themeChoicesContainer">
        <div id="themeChoices">
        </div>
     </div>
      <*script type="text/javascript"*>
        previewThemeID = "";
        lastToggled = "";
        currentThemeID = 3223;
     <*/script*>
     <div id="playSlideShowWrapper" class="buttonWrapper">
     </div>
     <div id="shareLinkWrapper" class="buttonWrapper">
        <a id="shareLink" href="/gallery/share.mg?AlbumID=123456&Page=1&ImageID=90110181"
         style="display: inline;"></a>
     </div>
      <*script type="text/javascript"*>
      YE.onDOMReady(SM.menus.addPhotoMenuInit,{AlbumID: 133452 });
     <*/script*>
     <div id="addPhotosWrapper" class="buttonWrapper">
        <a href="http://upload.smugmug.com/photos/add.mg?AlbumID=123456"></a>
     </div>
</div>
homepage logged in or out
Code:
<div id="altViews">
     <a target="_blank" href="http://maps.smugmug.com/?feedType=geoUser&Data=nickname">
     <img class="map_this" width="23" vspace="0" hspace="0" height="18" border="0"
       title="map this!" alt="map this!" src="/img/spacer.gif"/></a>
</div>
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Jun-21-2007, 06:51 AM
#20
Protographer is offline Protographer
Big grins
Quote:
Originally Posted by Allen
This is straight from the page html. Should give you an idea
what's contained in the altViews div.
...
Thanks, but, in 25 words or less , what does altViews do and/or what is it for? Thanks.
Page 1  of  6
1 2 3 4 5 Last »
Tell The World!  

Thread Tools
Display Modes

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump