On the Help Desk we get requests for the 'galleries' & 'find' pages several times a week.

This customization is based on devbobo's 'galleries page' hack here: http://www.dgrin.com/showpost.php?p=355505&postcount=6
As many of you have seen, there are many ways of using his hack. More than what I can write examples for. :(

Here is what I've seen as the most requested separate pages wanted:
1. Homepage with a static image / video or slide show.
2. About page. ( bioBox )
3. Galleries page. ( gallery or categories boxes)
4. Recents page. ( featured galleries, recent photos, popular photos )
5. Find page. ( search form, photo timeline, keywords, map )

Here are the steps I followed to create this site: http://richw-t3.smugmug.com/

Using the 'Homepage Layout' button, I moved the following boxes to the homepage:
1. Your Bio
2. Slideshow
3. Photo Timeline
4. Featured Galleries
5. Gallery Categories
6. Top Keywords
7. Most Popular Photos
8. Recent Photos
9. Around the World


Via the 'Easy Customizer' I did the following customization.
1. Header section - Added banner with Click to URL to homepage
2. Header section - Created a Navigation Bar. See screen grab for the proper url's. The Guest Book not needed for this tutorial.



3. Footer section - Added custom footer text with Click to URL to homepage
4. Homepage section - deselected 'Show UserName's Home'


In 'Account Settings' under Style > My Themes
1. All-pages theme section - selected site-wide theme. All of my pages on the site are set to 'default' for the theme.


In 'Account Settings' under Style > Advanced Customizer
1. Stretchy - Yes
2. Background Color - Dark
3. Page Title - Add your own page title there
4. CSS (optional), added the following:

/* Start css in the Advanced Site-wide Customization section */
/* Makes the Gallery Description and bioBox Text Edit Area larger */

#newBio,
#newDescription {
width: 99% !important;
height: 300px !important;}


/* hides the map-it button on homepages */
.notLoggedIn .homepage #breadcrumb {
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;}


/* unhides the boxTops */
#bioBox .boxTop {
display: block;}


/* search results page */
.searchResults #stylebar,
#otherSearches {
display: none;}


/* style search box */
#mySearch {
display: none;
width: 750px;
margin: 5px auto 15px;}


/* galleries find bio pages */
.homepage #bioBox,
.homepage #categoriesBox,
.homepage #communitiesBox,
.homepage #datesBox,
.homepage #featuredBox,
.homepage #ffBox,
.homepage #galleriesBox,
.homepage #keywordsBox,
.homepage #mapBox,
.homepage #popularPhotos,
.homepage #recentPhotosBox {
display: none;}

.galleries #slideshowBox,
.galleries #photoVideoBox {
display: none;}

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

.bio #slideshowBox,
.bio #photoVideoBox {
display: none;}

.bio #bioBox {
display: block;}

.find #slideshowBox,
.find #photoVideoBox {
display: none;}

.find #mySearch,
.find #datesBox,
.find #keywordsBox,
.find #mapBox {
display: block;}

.recent #slideshowBox,
.recent #photoVideoBox {
display: none;}

.recent #featuredBox,
.recent #popularPhotos,
.recent #recentPhotosBox {
display: block;}

/* End css in the Advanced Site-wide Customization section */


5. Top JavaScript (optional & advanced) - Added the following:

// Start of Top JavaScript section

// changes the bioBox title
YE.onAvailable('bioTitle', function() {this.innerHTML = 'About'});

// first half of the script for the galleries find bio pages
function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}
// End of Top JavaScript section


6. Head Tag (optional & advanced), nothing added here for me.


7. Body Tag (optional), nothing needed for the galleries, find page hack.


8. Display SmugMug Header? - No


9. Custom Header (optional), added the following:

<!-- Start of header section -->
<!-- adds search box to the find page -->

<div id="mySearch" class="box">
<div class="boxTop">
<div class="boxNote note nav"></div>
<h3 id="headerBoxTop" class="title notopmargin">Search</h3>
<div class="spacer"></div>
</div>
<div class="boxBottom">SMUGSEARCH</div>
</div>

<!-- end search box -->
<!-- End of header section -->


10. SmugMug Footer Display Options - Display Mini.


11. Custom Footer (optional) - Nothing added.


12. Bottom JavaScript (optional & advanced) - added the following:

// Start of Bottom JavaScript section
// second half of the script for the galleries find bio pages

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");

if (hasPath("find"))
YD.addClass(document.body, "find");

if (hasPath("bio"))
YD.addClass(document.body, "bio");

if (hasPath("recent"))
YD.addClass(document.body, "recent");

// End of Bottom JavaScript section


13. Pressed the 'Update' button.



What to 'Stretch' your site? See this post: http://www.dgrin.com/showthread.php?t=93221

Great collection of javascript customizations by jfriend here: http://www.dgrin.com/showthread.php?t=157671

Thanks for this, one question, for now.............

On the search results page, I get the option to "Try another search." which takes the user away from my site and back into smugmug land. Is there a way to change this so that they go back to my find/search page?

Thanks

H

And, sorry, is there a way to hide my username on the search listings;

richw-t3's Galleries Matching 'beast'

to

Galleries Matching 'beast'

I have tried and tried and still can't get my site right. Is there someone that will help me please?

Originally Posted by mickicd I have tried and tried and still can't get my site right. Is there someone that will help me please?

What site would that be? Got a link? And exactly what's not right.

I followed the image in your post putting /bio/ and /galleries/ in the nav bar and now they've both disappeared and I can't seem to retrieve them... What did I do and how can I get them back??? I have clients possibly planning to order and I can't even find my own galleries.... Help please...

www.accursophotography.smugmug.com

Originally Posted by mnkursoz I followed the image in your post putting /bio/ and /galleries/ in the nav bar and now they've both disappeared and I can't seem to retrieve them... What did I do and how can I get them back??? I have clients possibly planning to order and I can't even find my own galleries.... Help please... www.accursophotography.smugmug.com

Those two links would be to duplicate homepages created by the script in the
first post. You have none of the code needed for this.

Originally Posted by Allen Those two links would be to duplicate homepages created by the script in the first post. You have none of the code needed for this.

I am totally new at this and I'm sorry but I absolutely don't have a clue what you mean. sorry...

My Bio and galleries have reappeared on my main page but clicking the "links" that your directions showed me how to make doesn't do a thing... I'm sure this is SUPER simple to most, but I am apparently clueless. Thank you :)

OK, I believe I have it fixed and working correctly. My new question is, how do I change my bio picture now? Thank you!

http://www.accursophotography.smugmug.com/

Originally Posted by mnkursoz how do I change my bio picture?

See http://www.smugmug.com/help/web-photo-albums.

--- Denise

Originally Posted by denisegoldberg See http://www.smugmug.com/help/web-photo-albums. --- Denise

YEA!!! Thank you!!!! I love EASY fixes!

Hi richW

Could you kindly advice the procedures or steps to do up this test page of yours?

http://richw-t3.smugmug.com/galleries/

Thank you

@Rich- I've been pounding away at the keyboard trying to figure out what I'm doing wrong, but as I follow through this thread I see no response from you on this code you've written. I have tried to copy and paste and edit from there with no luck, and there is a screen grab mentioned in the section about the navbar that appears no where here. I am trying to duplicate what you created as MNKursoz did, so that I can modify from there.
When I moved all the items to the homepage as you said to do it accomplished nothing but cluttering my page even in the visitor view. What does this have to do with the nav bar pointing to separate pages?
When I pasted the code you gave all I ended up with was a navbar that just reopens the page I was already on.
As a shop teacher myself I know it can be frustrating giving what seems to me to be overly detailed and simplified information to my students, but they really do need it. I have to admit I really need more explanation of what you are doing in your steps, because while I could build you a fantastic office desk for your computer I'm a total noob at writing code for it.

My ever changing page is here http://www.digital-revelations.com
Thanks for your time

Ok so I dont understand I got my site built almost done but I cannot figure out how to get to my galleries all on one page. So I got a navigation bar and I want my customers to click on a link that I will add that will say galleries but I cannot figure this out countless hours I have spent trying to figure this out. CAN someone please help me figure out how to do this. I am new to this and this is an impossible site to just jump in to figure out with someone with limited computer experience. Thanks for all your help. I chose smug mug cause I love the way they protect your photos but I must say if I new it would be this hard I may have thought twice. Please help. I must say the support team is amazing they do get back to you really super fast. I am just frustrated! I know this is super simple but I guess I am to dumb to figure it out.

Can you give us a link to your site and we can take a look for you?

You may want to add your site URL to your signature so it is always available to the helpers here. Click You! on the dgrin navbar above, then Edit Signature.

I am trying to add pages please help I am new to this and not understanding.

Originally Posted by cbacon I am trying to add pages please help I am new to this and not understanding.

Best general purpose way to add pages is here or here.

I guess I'm stupid, I just can't figure this out. I have tried and tried. I don't know what I am doing wrong. Please help.

www.cbaconphotography.com

Originally Posted by cbacon I guess I'm stupid, I just can't figure this out. I have tried and tried. I don't know what I am doing wrong. Please help. www.cbaconphotography.com

What have you tried? What are the links to the pages you tried to build? Where did you get stuck? What did you not understand?

Well I think I get how to make a page but how do I add text now to a certain page and a picture by the text just like I now have on my website. I want the bio part on my website now to go onto its homepage, how do I do that?

www.cbaconphotography.com