• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support Legacy SmugMug Customization Advanced customization for specific pages

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
Old Jul-03-2010, 08:40 AM
#1
NikonsandVstroms is offline NikonsandVstroms OP
*and Olympus
Advanced customization for specific pages
So I am getting the hang on this but on the advanced editor I only seem to be able to get to the site wide options and can't separate the home page from the galleries since ideally I would have a different top bar.
__________________
Portfolio Site: http://jbeckphotography.com/
Print Sales: http://www.jonathanbeckley.com/
Concert Work: http://www.facebook.com/JBeckPhoto

Last edited by NikonsandVstroms; Jul-03-2010 at 08:52 AM.
Old Jul-03-2010, 08:50 AM
#2
denisegoldberg is offline denisegoldberg
Major grins
denisegoldberg's Avatar
You can have separate code for your homepage, your galleries page, specific categories / subcategories / galleries.

This tutorial - http://dgrin.smugmug.com/gallery/1932865 - shows the code for specifying a different banner on different pages. You can do use the same type of code to specify a different navbar on different pages.

For example, the sections of the tutorial http://dgrin.smugmug.com/gallery/2160039 labeled The Galleries shows the code that is needed to show a slideshow on your homepage but not on your galleries page, and galleries on a specific page and not the homepage.

--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Jul-03-2010, 08:53 AM
#3
NikonsandVstroms is offline NikonsandVstroms OP
*and Olympus
Quote:
Originally Posted by denisegoldberg View Post
You can have separate code for your homepage, your galleries page, specific categories / subcategories / galleries.

This tutorial - http://dgrin.smugmug.com/gallery/1932865 - shows the code for specifying a different banner on different pages. You can do use the same type of code to specify a different navbar on different pages.

For example, the sections of the tutorial http://dgrin.smugmug.com/gallery/2160039 labeled The Galleries shows the code that is needed to show a slideshow on your homepage but not on your galleries page, and galleries on a specific page and not the homepage.

--- Denise
Thanks

Also one other quick question since I have a thread going:

If I hide the galleries on the main page, how can I get to them on the through the owner page?

I can see a few headaches and random seemingly simple questions like this so I apologize in advance as I try to figure out how to work around smugmug.
__________________
Portfolio Site: http://jbeckphotography.com/
Print Sales: http://www.jonathanbeckley.com/
Concert Work: http://www.facebook.com/JBeckPhoto

Last edited by NikonsandVstroms; Jul-03-2010 at 09:05 AM.
Old Jul-03-2010, 09:31 AM
#4
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by NikonsandVstroms View Post
Thanks

Also one other quick question since I have a thread going:

If I hide the galleries on the main page, how can I get to them on the through the owner page?

I can see a few headaches and random seemingly simple questions like this so I apologize in advance as I try to figure out how to work around smugmug.
Add the .notLoggedIn in front of each. But doesn't the galleries page have these boxes?

.notLoggedIn .homepage #galleriesBox,
.notLoggedIn .homepage #categoriesBox,
.notLoggedIn .homepage #featuredBox {
display: none;
}
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Jul-03-2010, 09:42 AM
#5
NikonsandVstroms is offline NikonsandVstroms OP
*and Olympus
Quote:
Originally Posted by Allen View Post
Add the .notLoggedIn in front of each. But doesn't the galleries page have these boxes?

.notLoggedIn .homepage #galleriesBox,
.notLoggedIn .homepage #categoriesBox,
.notLoggedIn .homepage #featuredBox {
display: none;
}
I am scratching my head a bit here as I run through things and know it will be some simple simple answer.

The 2 things I need to remove now are the title bar:
(jbeckphotography)'s Home
And the bottom links by smugmug (if that's possible).

Aside from the technical issues I just put up a quick mock up for the main page so any opinions on that would be great too (the links do not work yet).

http://www.jonathanbeckley.com/
__________________
Portfolio Site: http://jbeckphotography.com/
Print Sales: http://www.jonathanbeckley.com/
Concert Work: http://www.facebook.com/JBeckPhoto

Last edited by NikonsandVstroms; Jul-03-2010 at 10:08 AM.
Old Jul-03-2010, 11:08 AM
#6
photokandy is offline photokandy
Shutternut
photokandy's Avatar
To get rid of "jbeckphotography's Home", do this:
Code:
#breadcrumb
{
    display: none;
}
That said, it's usually not a good idea to nuke your breadcrumbs (IMNSHO), so you might just want to style it differently and let it be a useful navigation piece.

Getting rid of the footer just requires that you set the "Show SM Footer" to "No" in your Advanced customizer. But it would be a good idea to supply your own, since then there will be no footer at all.

Does that help?
__________________
[FONT=Garamond]~ Kerri[/FONT], [FONT=Arial]photo[/FONT][FONT=Arial Black]Kandy[/FONT] Studios ( Facebook | Twitter )

Need customization services? View our packages or see our templates.

Note: I won't be offended if you edit my photo and repost it on dgrin -- I'm always open to new interpretations
and ideas, and any helpful hints, tips, and/or critiques are welcome. Just don't post the edit anywhere else
but dgrin, please.

My Gear List
Old Jul-03-2010, 11:14 AM
#7
denisegoldberg is offline denisegoldberg
Major grins
denisegoldberg's Avatar
Removing the breadcrumb is a bad idea unless you replace it with something else.

To remove (jbeckphotography's) Home, see # 23 in the customization FAQ at http://www.smugmug.com/help/customize-faq.

--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Jul-03-2010, 11:29 AM
#8
NikonsandVstroms is offline NikonsandVstroms OP
*and Olympus
Quote:
Originally Posted by photokandy View Post
To get rid of "jbeckphotography's Home", do this:
Code:
#breadcrumb
{
    display: none;
}
That said, it's usually not a good idea to nuke your breadcrumbs (IMNSHO), so you might just want to style it differently and let it be a useful navigation piece.

Getting rid of the footer just requires that you set the "Show SM Footer" to "No" in your Advanced customizer. But it would be a good idea to supply your own, since then there will be no footer at all.

Does that help?
I see your point about taking out the breadcrumbs.

This actually brings up my main and hopefully last issue (I've been waiting to do this for about a month so really am trying to get it up and ready ASAP.)

So I looked through this link:

http://dgrin.smugmug.com/gallery/1932865

And I am just having a brain fart in how to make this work with the other parts.

Right now the Navbar and flash movie are both inside the custom header section. What I need to figure out is the code to put around the HTML that loads the SWF to make it load only on the homepage.

Also if I could turn the breadcrumbs off only for the home page, gallery, about and contact pages that would be ideal.

The 2 little things I will have left are to change it from saying galleries to Prints on the galleries page, and for making the breadcrumbs lead back to that galleries page not the homepage, I believe there is a tutorial somewhere in editing those (if someone has the link to either that would be helpful in speeding this along) Well that and creating some more pages for the about and contact sections but I know there is a tutorial for that part. I am so close to having this at a place I like, just having some major "head desk" moments.
__________________
Portfolio Site: http://jbeckphotography.com/
Print Sales: http://www.jonathanbeckley.com/
Concert Work: http://www.facebook.com/JBeckPhoto

Last edited by NikonsandVstroms; Jul-03-2010 at 11:41 AM.
Old Jul-03-2010, 11:34 AM
#9
NikonsandVstroms is offline NikonsandVstroms OP
*and Olympus
Quote:
Originally Posted by denisegoldberg View Post
Removing the breadcrumb is a bad idea unless you replace it with something else.

To remove (jbeckphotography's) Home, see # 23 in the customization FAQ at http://www.smugmug.com/help/customize-faq.

--- Denise
Thank you
__________________
Portfolio Site: http://jbeckphotography.com/
Print Sales: http://www.jonathanbeckley.com/
Concert Work: http://www.facebook.com/JBeckPhoto
Old Jul-03-2010, 01:01 PM
#10
NikonsandVstroms is offline NikonsandVstroms OP
*and Olympus
Quote:
Originally Posted by NikonsandVstroms View Post
Thank you

I just did some tests for the html pages and I need to remove the breadcrumbs from them still.

http://jbeckphotography.smugmug.com/...12791341_y3mPY

And as you can see I am still trying to get rid of that SWF from all pages except the homepage.

Getting sooooo close.
__________________
Portfolio Site: http://jbeckphotography.com/
Print Sales: http://www.jonathanbeckley.com/
Concert Work: http://www.facebook.com/JBeckPhoto
Old Jul-03-2010, 01:45 PM
#11
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by NikonsandVstroms View Post
I just did some tests for the html pages and I need to remove the breadcrumbs from them still.

http://jbeckphotography.smugmug.com/...12791341_y3mPY

And as you can see I am still trying to get rid of that SWF from all pages except the homepage.

Getting sooooo close.
The gallery number is used in CSS not the name. Here's one example.

.gallery_about .pageNav {
display: none;
}

should be like this

.gallery_12791341 .pageNav {
display: none;
}


Name the div

<div id="HPshow" align="center">
<object cla....
...
...idth="800">
</object>
</div>


Add to CSS

#HPshow {display: none;}
.homepage #HPshow {display: block;}
.galleries #HPshow {display: none;}
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Jul-03-2010, 01:48 PM
#12
denisegoldberg is offline denisegoldberg
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by NikonsandVstroms View Post
I just did some tests for the html pages and I need to remove the breadcrumbs from them still.

http://jbeckphotography.smugmug.com/...12791341_y3mPY

And as you can see I am still trying to get rid of that SWF from all pages except the homepage.

Getting sooooo close.
You need to identify the gallery in your CSS with the album id, not the name. So, in your about page, the album ID is 12791341 and the album key is y3mPY.

To remove the breadcrumb from that page, add this to your CSS:
Code:
 
.notLoggedIn .gallery_12791341 #breadCrumbTrail {
    display: none;
}
I find it helpful to leave these elements on the page when I am logged in. If you don't want it there, remove the .notLoggedIn piece.

Your slideshow? It looks like you just placed it on the page without putting it in a div. Add a div to contain it and you can remove it from all but your homepage if you'd like.

For example:
Code:
 
#mySlideshow {
    display: none;
}
.homepage #mySlideshow {
    display: block;
}
.galleries #mySlideshow {
    display: none;
}
Then, surround the code with that div:
Code:
 
<div id="mySlideshow">
your slideshow code
</div>
--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Jul-03-2010, 02:30 PM
#13
NikonsandVstroms is offline NikonsandVstroms OP
*and Olympus
I changed the code to this:

<div id="mySlideshow" align="center">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="425">
<param name="movie" value="http://jbeckphotography.com/smugmug/com_slideshow.swf" />
<param name="quality" value="high" />
<embed src="http://jbeckphotography.com/smugmug/com_slideshow.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="425"></embed>
</object>
</div>

Then entered this into the CSS:
/* SWF Only on Homepage */
#mySlideshow {
display: none;
}
.homepage #mySlideshow {
display: block;
}
.galleries #mySlideshow {
display: none;
}



.notLoggedIn .gallery_12791341 #breadCrumbTrail {
display: none;
}


And it doesn't seem to be working.

Any ideas?
__________________
Portfolio Site: http://jbeckphotography.com/
Print Sales: http://www.jonathanbeckley.com/
Concert Work: http://www.facebook.com/JBeckPhoto
Old Jul-03-2010, 02:39 PM
#14
NikonsandVstroms is offline NikonsandVstroms OP
*and Olympus
Quote:
Originally Posted by Allen View Post
The gallery number is used in CSS not the name. Here's one example.

.gallery_about .pageNav {
display: none;
}

should be like this

.gallery_12791341 .pageNav {
display: none;
}


Name the div

<div id="HPshow" align="center">
<object cla....
...
...idth="800">
</object>
</div>


Add to CSS

#HPshow {display: none;}
.homepage #HPshow {display: block;}
.galleries #HPshow {display: none;}
I tried the CSS you posted (changing HPshow to mySlideshow) and it didn't work either, and neither solution seemed to fix the breadcrumbs.

Here are the 2 versions of CSS I tried


.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

.loggedIn .homepage #galleriesBox,
.loggedIn .homepage #categoriesBox {
display: block;
}

.gallery_12791341 .pageNav {
display: none;
}


/* hides your name (including any 's) */
#userName {
display: none;
}


/* html only page for gallery about */
.notLoggedIn .gallery_about .nophotos {
display: none;
}
.gallery_about .pageNav {
display: none;
}

.notLoggedIn .nophotos {
display: none;


/* SWF Only on Homepage */
#mySlideshow {
display: none;
}
.homepage #mySlideshow {
display: block;
}
.galleries #mySlideshow {
display: none;
}



.notLoggedIn .gallery_12791341 #breadCrumbTrail {
display: none;
}


which is Denise's

And yours being:

.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

.loggedIn .homepage #galleriesBox,
.loggedIn .homepage #categoriesBox {
display: block;
}

.gallery_12791341 .pageNav {
display: none;
}


/* hides your name (including any 's) */
#userName {
display: none;
}


/* html only page for gallery about */
.notLoggedIn .gallery_about .nophotos {
display: none;
}
.gallery_about .pageNav {
display: none;
}

.notLoggedIn .nophotos {
display: none;


.gallery_12791341 .pageNav {
display: none;
}

#mySlideshow {display: none;}
.homepage #mySlideshow {display: block;}
.galleries #mySlideshow {display: none;}

Just trying to give as much info as possible to figure out what is going on.
__________________
Portfolio Site: http://jbeckphotography.com/
Print Sales: http://www.jonathanbeckley.com/
Concert Work: http://www.facebook.com/JBeckPhoto
Old Jul-03-2010, 04:24 PM
#15
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by NikonsandVstroms View Post
I tried the CSS you posted (changing HPshow to mySlideshow) and it didn't work either, and neither solution seemed to fix the breadcrumbs.

Here are the 2 versions of CSS I tried

...

Just trying to give as much info as possible to figure out what is going on.
Missing closing } messing with CSS not working.

.notLoggedIn .nophotos {
display: none;
}
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Jul-03-2010, 04:53 PM
#16
NikonsandVstroms is offline NikonsandVstroms OP
*and Olympus
:

I have the framework up how I want it now

Time to actually design the pages, put photos that I will be selling in the slideshow and changing some transitions, and formating way too many photos

But I can do all this stuff no problem....just will take some time.
__________________
Portfolio Site: http://jbeckphotography.com/
Print Sales: http://www.jonathanbeckley.com/
Concert Work: http://www.facebook.com/JBeckPhoto
Old Jul-04-2010, 02:36 PM
#17
blessed is offline blessed
Beginner grinner
Quote:
Originally Posted by NikonsandVstroms View Post
:

I have the framework up how I want it now

Time to actually design the pages, put photos that I will be selling in the slideshow and changing some transitions, and formating way too many photos

But I can do all this stuff no problem....just will take some time.
Hi! I visited your website and it awesome! I really like the simplicity of it. My issue is, when I click galleries on my homepage it stays at my homepage. I can't seem to locate my galleries anymore from my homepage. I entered everything in CSS mentioned in the tutorial. Heeeelp!
Old Jul-04-2010, 02:54 PM
#18
jfriend is offline jfriend
Scripting dude-volunteer
Quote:
Originally Posted by blessed View Post
Hi! I visited your website and it awesome! I really like the simplicity of it. My issue is, when I click galleries on my homepage it stays at my homepage. I can't seem to locate my galleries anymore from my homepage. I entered everything in CSS mentioned in the tutorial. Heeeelp!
We can take a look at what might be wrong, but only if you include a link to your site. It really ought to be in your dgrin sig so it's always there.
__________________
--John
HomepagePopular
JFriend's javascript customizationsSecrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Tell The World!  
Similar Threads Thread Starter Forum Replies Last Post
Shopping Cart / View Cart Customization Rob Greer Photography Legacy SmugMug Customization 12 Sep-04-2012 06:35 AM
Dumb Questions that are Specific to My Pages...Probably brianmcdonough Legacy SmugMug Customization 2 Jun-28-2010 12:56 PM
Customization question... Kevin CTMP Legacy SmugMug Customization 6 Nov-12-2008 11:48 AM
*NEW* advanced customization FAQ ivar Legacy SmugMug Customization 1 Apr-12-2007 07:17 AM
Why not our own HTML entry pages? jfriend SmugMug Support 10 Mar-08-2005 09:30 PM


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