• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support Legacy SmugMug Customization galleries and find pages revisited

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  4
1 2 3 4
Old Feb-04-2010, 07:39 PM
#1
richW is offline richW OP
SmugMug QA
richW's Avatar
galleries and find pages revisited
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

Last edited by richW; Jul-10-2012 at 07:38 PM.
Old May-23-2010, 01:37 PM
#2
cptkoi is offline cptkoi
Big grins
cptkoi's Avatar
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
__________________
Smug Power Acc - http://www.netballimages.com
Smug Pro Acc - http://www.hdimages.net

All things Netball - http://www.netballonline.com
SmugUp or SmugDown, check it with SmugMonitor
Old May-23-2010, 01:43 PM
#3
cptkoi is offline cptkoi
Big grins
cptkoi's Avatar
And, sorry, is there a way to hide my username on the search listings;

richw-t3's Galleries Matching 'beast'

to

Galleries Matching 'beast'
__________________
Smug Power Acc - http://www.netballimages.com
Smug Pro Acc - http://www.hdimages.net

All things Netball - http://www.netballonline.com
SmugUp or SmugDown, check it with SmugMonitor
Old Nov-27-2010, 01:27 PM
#4
mickicd is offline mickicd
Big grins
I have tried and tried and still can't get my site right. Is there someone that will help me please?
Old Nov-27-2010, 01:28 PM
#5
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by mickicd View Post
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.
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Dec-11-2010, 08:53 PM
#6
mnkursoz is offline mnkursoz
Beginner grinner
lost my bio and galleries!
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
Old Dec-11-2010, 09:00 PM
#7
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by mnkursoz View Post
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.
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Dec-11-2010, 09:11 PM
#8
mnkursoz is offline mnkursoz
Beginner grinner
Quote:
Originally Posted by Allen View Post
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 :)
Old Dec-12-2010, 10:33 AM
#9
mnkursoz is offline mnkursoz
Beginner grinner
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/
Old Dec-12-2010, 10:38 AM
#10
denisegoldberg is offline denisegoldberg
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by mnkursoz View Post
how do I change my bio picture?
See http://www.smugmug.com/help/web-photo-albums.

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

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Dec-12-2010, 11:54 AM
#11
mnkursoz is offline mnkursoz
Beginner grinner
Quote:
Originally Posted by denisegoldberg View Post

YEA!!! Thank you!!!! I love EASY fixes!
Old Jan-24-2011, 07:21 PM
#12
stor is offline stor
Big grins
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
Old Apr-07-2011, 11:54 PM
#13
Shop Dude is offline Shop Dude
Big grins
@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
Old Apr-22-2011, 06:58 PM
#14
ricejamie is offline ricejamie
Beginner grinner
Pissed Galliers
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.
Old Apr-25-2011, 03:57 PM
#15
Smug Eric is offline Smug Eric
Smug Hero
Smug Eric's Avatar
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.
__________________
Eric
Support Hero and Customeister
http://www.smugmug.com/help
Old Apr-25-2011, 10:25 PM
#16
cbacon is offline cbacon
Big grins
I am trying to add pages please help I am new to this and not understanding.
Old Apr-25-2011, 10:27 PM
#17
jfriend is offline jfriend
Scripting dude-volunteer
Quote:
Originally Posted by cbacon View Post
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.
__________________
--John
Homepage Popular
JFriend's javascript customizations Secrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Old Apr-26-2011, 08:18 AM
#18
cbacon is offline cbacon
Big grins
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
Old Apr-26-2011, 11:26 AM
#19
jfriend is offline jfriend
Scripting dude-volunteer
Quote:
Originally Posted by cbacon View Post
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?
__________________
--John
Homepage Popular
JFriend's javascript customizations Secrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Old Apr-26-2011, 07:52 PM
#20
cbacon is offline cbacon
Big grins
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
Page 1  of  4
1 2 3 4
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