Originally Posted by Shop Dude In the "Create Gallery" box it has a drop list of different themes you can use for your galleries. The one I selected was called carbonite. When I go the the galleries, logged in or not, the theme does not display correctly.

Please post a link to such a page with that theme set that isn't working. The one you posted before does not take me to a gallery page: http://www.digital-revelations.com/h...ity-by-the-sea. That seems to just take me to your home page.

I see that you have a lot of options set in the Easy Customizer. The Easy Customizer is not compatible with themes and anything you set in Easy Customizer will override the theme. In general, you cannot use both.

Originally Posted by jfriend Please post a link to such a page with that theme set that isn't working. The one you posted before does not take me to a gallery page: http://www.digital-revelations.com/h...ity-by-the-sea. That seems to just take me to your home page. I see that you have a lot of options set in the Easy Customizer. The Easy Customizer is not compatible with themes and anything you set in Easy Customizer will override the theme. In general, you cannot use both.

One of the is here http://www.digital-revelations.com/T...512649_N4rQGFk

Thanks for having a look.

PS You were right, I had the custom background checked on the homepage in "Easy Customizer"

Originally Posted by Shop Dude One of the is here http://www.digital-revelations.com/T...512649_N4rQGFk Thanks for having a look. PS You were right, I had the custom background checked on the homepage in "Easy Customizer"

Is there still a question? Or did you fix it?

Originally Posted by jfriend Is there still a question? Or did you fix it?

Sorry, I'm in Hong Kong and it is getting late here so my brain is one comment behind. You got me all fixed up, and I surely do appreciate it.
Have a great day!

Brad

Originally Posted by jfriend All of these things can be present on the homepage: bio slideshow single photo single video timeline featured galleries galleries/categories recent photos featured events map You can display all of these on the same copy of your homepage or split them out into separate copies of your homepage so they each appear on their own page. This is a tutorial for setting up multiple copies of your homepage, each with their own set of objects on them. Background First off, you may not realize that there are already a bunch of special pages that you can access. Suppose your smugmug site is http://jedi.smugmug.com, then each of these would be special pages that are already built into your site: http://jedi.smugmug.com/date http://jedi.smugmug.com/keyword http://jedi.smugmug.com/popular You don't need any special customization to use those pages. For example, you can just link to them directly from your navbar. Step 1 If you previously had a separate galleries page from this tutorial, you need to remove both the javascript and the CSS that you added from the two steps in that tutorial called "The Galleries Page I" and "The Galleries Page II". They may conflict with what we're doing here and this is a full replacement for that. Step 2 Of all the items in the homepage layout button on the homepage, determine which ones you want to present to your users and make sure they all have a checkmark by them. At this point, they will probably all show on your one homepage - don't worry about that as we will change that in the future steps. So, for example, if you want your slideshow on the default homepage, and your galleries, keywords and recent photos each on as separate page, we can do that. Step 3 Install this script into your top javascript. Make sure you get an exact copy of this script with everything at the start and end, but nothing extra from this post. The #1 goof when following this tutorial is getting an incomplete copy/paste of this script. // ============================================================================================== // DuplicateHomepage // // Compared to the original Smugmug version, this version has the following capabilities: // 1) It simultaneously supports many different copies of the homepage (listed in the DuplicateHomepage // function call) // 2) It's case insensitive so http://username.smugmug.com/Galleries will work along with // http://username.smugmug.com/galleries // // Revision 1.1 // See: http://www.dgrin.com/showthread.php?p=1492133 for support questions or instructions. // ============================================================================================== function DuplicateHomepage(pageList) { // only fire this if Smugmug thinks we're on the homepage (e.g. not on a category) if (YD.hasClass(document.body, "homepage")) { // regExp that starts with "/" matches one of the passed in words and then ends with an optional "/", case insensitive matches var re = new RegExp("^\/(" + pageList + ")[\/]?$", "i"); var matches = re.exec(window.location.pathname); if (matches && (matches.length > 1)) { YD.addClass(document.body, matches[1].toLowerCase()); } else if (window.location.pathname == "/") { YD.addClass(document.body, "homepageMain"); YD.addClass(document.body, "homepageDefault"); } else { YD.addClass(document.body, "homepageOther"); YD.addClass(document.body, "homepageDefault"); } } } // ============================================================================================== // End of DuplicateHomepage // ============================================================================================== The point of this script is to do the following (you don't have to do anything here, this is just explanation for those who want to know how this works): If the page URL is just your root domain, then it adds a class to the body tag called "homepageMain" and another one called "homepageDefault". This allows you to use CSS rules that will only apply to your homepage when the page URL is just your root domain. This allows you to easily target CSS rules at just the homepage like this: .homepageDefault xxxxx {yyyy} If the page URL is your root followed by one of the tags that you put in the DuplicateHomepage() function call, then add that tag as a class to the body tag. So, for the galleries page, the class "galleries" would be added and you can target CSS rules to that page like this: .galleries xxxx {yyyyy} .map xxxx {yyyyy} Step 4 Add this to your custom header. <script type="text/javascript"> DuplicateHomepage("galleries|map|featured|recent|featured-events"); </script> Remove any of the items in the list that you are not going to present on their own page, so for example if you were only displaying galleries, find and map, that code should read: <script type="text/javascript"> DuplicateHomepage("galleries|find|map"); </script> Step 5 Add this CSS to your advanced customization (CSS box) in your control panel: /* hide all homepage items by default on the homepage */ .homepage #recentPhotosBox, .homepage #datesBox, .homepage #featuredBox, .homepage #slideshowBox, .homepage #photoVideoBox, .homepage #galleriesBox, .homepage #categoriesBox, .homepage #eventsBox, .homepage #bioBox {display: none;} Decide which of these items you want displayed on your default homepage. Most people typically will select either a slideshow or a photo/video. Add a new line of CSS after the above CSS for that one item. So, if you want to show the built-in slideshow on the homepage (that's the slideshowBox object), then add this line of CSS: /* on the actual default homepage, show the item(s) we want here */ .homepageDefault #slideshowBox {display: block;} By way of an explanation for what we're doing here, we're hiding all the homepage elements with the first block of CSS, then showing the one(s) that we want to show on the default homepage. At this point, your default homepage should only be showing the item(s) on it that you want to show there. Step 6 Now, we need to add the CSS for each separate copy of the homepage that we want to offer our users. Add this: .galleries #galleriesBox, .galleries #categoriesBox, .find #datesBox, .map #mapBox, .featured #featuredBox, .featured-events #eventsBox, .recent #recentPhotosBox {display: block;} At this point, you now have multiple copies of your homepage. You can access each copy with a special URL. Suppose your smugmug domain is http://jedi.smugmug.com. Then, you would access your default homepage at http://jedi.smugmug.com. Your other copies of the homepage are at these URLs: http://jedi.smugmug.com/galleries http://jedi.smugmug.com/find http://jedi.smugmug.com/map http://jedi.smugmug.com/featured http://jedi.smugmug.com/featured-events http://jedi.smugmug.com/recent If you go to one of these URLs (with your domain in it) and the page is blank, then you may have to go back to Step 2 and make sure you've enabled the appropriate item in the homepage layout menu. If it isn't labeled there, it will never display. To use these separate pages, you now need to link to them. You can put links anywhere that Smugmug can be customized, but the classic place to link to these pages would be in your navbar. Advanced Modifications If you want more than one element to be displayed together on one of the homepage copies, then it's a simple matter of modifying the above CSS to show more than one item on the one particular page you want to do. For example, if you wanted the popular and recent photos to show on the popular box, then instead of this CSS: .galleries #galleriesBox, .find #datesBox, .map #mapBox, .featured #featuredBox, .popular #popularPhotos, .recent #recentPhotosBox, .keywords #keywordsBox {display: block;} You would use this (changes shown in red): .galleries #galleriesBox, .find #datesBox, .map #mapBox, .featured #featuredBox, .popular #popularPhotos, .popular #recentPhotosBox, .keywords #keywordsBox {display: block;} Troubleshooting If this isn't working for you, then here are some steps to check. 1) Make sure you've removed any old javascript and CSS from previous separate galleries pages. 2) Make sure you've enabled all the items in the homepage layout button that you want to be visible on any copy of the homepage. If they aren't enabled there, they will never show. 3) Make sure the appropriate script from step 3 is copied into your top javascript. 4) Make sure the appropriate script from step 4 is copied into your custom header. 5) Make sure you don't have any javascript errors which are keeping either of the two previous scripts from operating. Check here for how to do that. 6) Make sure you've added the appropriate CSS in steps 5 and 6.

I've been through this and can't seem to get it right. I'm quite new to html and perhaps don't understand the concepts well enough to figure things out. I have my nav bar up as i want it, but cannot get pages to link to it. Can someone take a look in my scripts and html and tell me what i've done wrong? i think it is VERY messed up, but i wrote independently to Smugmug Help and they sent me here to ask for help. I think it is too much to describe openly in this post, but please take a look at my code at shootingdistance.com and help out.

Originally Posted by Chowsrule! I've been through this and can't seem to get it right. I'm quite new to html and perhaps don't understand the concepts well enough to figure things out. I have my nav bar up as i want it, but cannot get pages to link to it. Can someone take a look in my scripts and html and tell me what i've done wrong? i think it is VERY messed up, but i wrote independently to Smugmug Help and they sent me here to ask for help. I think it is too much to describe openly in this post, but please take a look at my code at shootingdistance.com and help out.

You have a lot of errors in your CSS. Replace your entire CSS with this:

#photoKeywords {display: none;}

#lightBoxKeywordsLink {display: none;} 


.gallery_guestbook .pageNav {display: none;}

/* hides breadcrumbs on category pages for logged out views */
.notLoggedIn .category #breadcrumb {display: none;}


/* changes the background of the slideshowBox to black */
#slideshowBox .boxBottom {background: black;}


/* hide all homepage items by default on the homepage this is from step 5 of jfriend multi homegpage tut  */
.homepage #recentPhotosBox,
.homepage #datesBox,
.homepage #featuredBox,
.homepage #slideshowBox,
.homepage #photoVideoBox,
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #keywordsBox,
.homepage #eventsBox,
.homepage #bioBox {display: none;}

/* and then show only the item(s) I want on the right page */
.homepageDefault #slideshowBox,
.find #keywordsBox,
.bio #bioBox,
.recent #recentPhotosBox, 
.galleries #galleriesBox {display: block;}

FYI, CSS is a programming language. You must follow the syntax exactly or things will not work. You had a lot of errors (perhaps 20) in your CSS that was keeping lots of things from working. Among those errors, CSS comments all start with /* and end with */. You cannot use HTML style comments in CSS.

Is there a way to have a multi homepage, one with a website password lock (which I have set) and the other as an html slideshow (which I have already made) ?

Originally Posted by PhotoLover25 Is there a way to have a multi homepage, one with a website password lock (which I have set) and the other as an html slideshow (which I have already made) ?

No. There is no way around the site password that I know of. All access to your site requires the site password.

OK, my first post here. Just tried setting up multiple home pages for "Galleries" and "Recent", My main home page seems to look correct, just a slide show and Nav bar, but my other two home pages come up blank (other than my Nav Bar and Banner), I am sure I have missed something simple, but after going over it several times I can't find my mistake. In step #2 of the instructions it says to place a checkmark by all the items in the homepage layout button, I have done that for "recent" but for "Galleries" all I see is featured Galleries or default? I do have default and Recent checked.?? Any help would be greatly appreciated!

I "think" I fixed it by adding

/* on the actual default homepage, show the item(s) we want here */
.galleries #galleriesBox,
.galleries #categoriesBox,
.recent #recentPhotosBox,
.homepageDefault #slideshowBox {display: block;}

Is that the right way to fix my problem?

Thanks!

Originally Posted by CoreyD I "think" I fixed it by adding /* on the actual default homepage, show the item(s) we want here */ .galleries #galleriesBox, .galleries #categoriesBox, .recent #recentPhotosBox, .homepageDefault #slideshowBox {display: block;} Is that the right way to fix my problem? Thanks!

That looks right to me.

Thank You John.

http://www.pixelitphotography.com/galleries
On my Homepage I chose to make a custom color #eee8da and I would like it to reflect through on the 2nd homepage which has Gallery categories.
I would also like to have three thumbnails across with their name underneath them.
Could someone point me in the right direction please?

Melody

Originally Posted by MakeMeShutter Great stuff as usual John. I really appreciate the tips and instruction you give in these forums. And if I hadn't already said it.....THANK YOU !!!!!

great slideshow, but that's my problem. Would you mind sharing how you got the slideshow to fill the screen?

Hi John,
I am trying the homepage hack to separate the featured events page out from the home page and ultimately link to it via the navbar. It worked however, my featured events do not show up. The help desk says there is something in my css that is conflicting and directed me here. Was curious if you could take a look. http://www.michaelsphotoworks.com/featured-events
If you could just point me where to look I would be happy. We all can't say enough how invaluable your expertise is here.

-Mike

Correction..not working completely. I removed the css , as it just hid my front page navigation.

Featured events page appears but no actual events. I have featured two events on the manage events page by checking the feature on home page box. They are still not showing on the above link.

John,
I need help. I am trying to have a navbar with the Home, Clients, Galleries, Contact and About me buttons. On the Clients page I want the clients galleries (the ones that have people's names) and on the Galleries page I want the Weddings, Events, Engagements Sessions, Children, Pregnancy, Seniors, Pets galleries. How do I achieve that? Thank you very much for your anticipated help.
Eugen
www.eugenmuntean.com

Originally Posted by MPW Hi John, I am trying the homepage hack to separate the featured events page out from the home page and ultimately link to it via the navbar. It worked however, my featured events do not show up. The help desk says there is something in my css that is conflicting and directed me here. Was curious if you could take a look. http://www.michaelsphotoworks.com/featured-events If you could just point me where to look I would be happy. We all can't say enough how invaluable your expertise is here. -Mike Correction..not working completely. I removed the css , as it just hid my front page navigation. Featured events page appears but no actual events. I have featured two events on the manage events page by checking the feature on home page box. They are still not showing on the above link.

You have a bunch of CSS that is hiding the feature-events box. I haven't found it all, but if you remove this CSS, you start to see the events box on the page you reference:

.homepage img.imgBorder {display:none;}


/*HIDE GALLERY UPDATED AND DESCRIPTION*/
p.updated { display:none; }
p.description { display:none; }

.notLoggedIn p.updated {display: none;}

.notLoggedIn .homepage .boxTop {display:none !important;}

Originally Posted by jfriend You have a bunch of CSS that is hiding the feature-events box. I haven't found it all, but if you remove this CSS, you start to see the events box on the page you reference: .homepage img.imgBorder {display:none;} /*HIDE GALLERY UPDATED AND DESCRIPTION*/ p.updated { display:none; } p.description { display:none; } .notLoggedIn p.updated {display: none;} .notLoggedIn .homepage .boxTop {display:none !important;}

Thanks for the quick fix John!!

Originally Posted by eugenius John, I need help. I am trying to have a navbar with the Home, Clients, Galleries, Contact and About me buttons. On the Clients page I want the clients galleries (the ones that have people's names) and on the Galleries page I want the Weddings, Events, Engagements Sessions, Children, Pregnancy, Seniors, Pets galleries. How do I achieve that? Thank you very much for your anticipated help. Eugen www.eugenmuntean.com

Smugmug does not provide an easy way to display some galleries on one page and some on another page. If you put all your clients galleries in the same category, you can link to that category page and display just the clients galleries that way. For the galleries page, you would have to find a way to hide the ones you don't want displayed there (because all will be shown by default). If you are displaying by category, you can hide just the clients category. If you are displaying by gallery (as your site is now), you will have to hide each individual clients gallery. You can hide categories with the delCategory script (do a search for it on dgrin). You can hide individual galleries with customization #14 here.

Originally Posted by jfriend Smugmug does not provide an easy way to display some galleries on one page and some on another page. If you put all your clients galleries in the same category, you can link to that category page and display just the clients galleries that way. For the galleries page, you would have to find a way to hide the ones you don't want displayed there (because all will be shown by default). If you are displaying by category, you can hide just the clients category. If you are displaying by gallery (as your site is now), you will have to hide each individual clients gallery. You can hide categories with the delCategory script (do a search for it on dgrin). You can hide individual galleries with customization #14 here.

Just a quick note to say thanks again John and to volunteer,educate and share another of your excellent useful scripts I used to change the title of featured events to my own html.

http://www.dgrin.com/showpost.php?p=1516086&postcount=2

Insert this javascript and change the text in red:

Code:
YE.onDOMReady(function()
{
var objArray = Sizzle(".keywordPage #content #breadCrumbTrail .title")
if (objArray && objArray.length > 0)
{
objArray[0].innerHTML = "Whatever HTML you want here";
YD.setStyle(objArray[0], "visibility", "visible");
}
});
If you don't want it to show briefly with the old text, then add this CSS:

.keywordPage #content #breadCrumbTrail .title {visibility: hidden;}
__________________
--John





-Mike