I'm not getting a client login box, just the message "Please select the client login above or Contact Me directly for your password". I'd appreciate some help.

Liz
www.madaboutgreys.com

Originally Posted by ko04 Hope its ok if I get on this post as well. I have done everything talked about in this post but unable to get it working when I click on the clients page this shows up "Please select the client login above or Contact Me directly for your password" any thoughts?

That's exactly the problem I have too. I'd appreciate some help.
Liz
www.madaboutgreys.com

Originally Posted by elizab I'm not getting a client login box, just the message "Please select the client login above or Contact Me directly for your password". I'd appreciate some help. Liz www.madaboutgreys.com

I don't see a link anywhere on your site to the Clients page....in your EZ customizer, add another link to your navbar.....for the URL add this exactly:


/Clients


Then be sure you have some galleries that are in this category, and that they are public.

Originally Posted by ko04 Hope its ok if I get on this post as well. I have done everything talked about in this post but unable to get it working when I click on the clients page this shows up "Please select the client login above or Contact Me directly for your password" any thoughts?

Originally Posted by J Allen I don't see a link anywhere on your site to the Clients page....in your EZ customizer, add another link to your navbar.....for the URL add this exactly: /Clients Then be sure you have some galleries that are in this category, and that they are public.

I am speechless. Was navigating to the addy by putting the address in my browser www.madaboutgreys.com/Clients (so as not to confuse existing clients while troubleshooting the new arrangement). I've now added to my navbar exactly as you suggest and it works just perfectly. Brilliant! Thank you so much.

Originally Posted by J Allen Now change the link in your footer from this: <h4><p>View your memories <a href="http://kaystarcreatives.smugmug.com/Clients">HERE</a></p></h4> To this: <h4><p>View your memories <a href="/Clients">HERE</a></p></h4>

I have implemented this code on my page and it works perfectly, but I would like for it to be centered and for me to be able to change the color.

Also, I have a WordPress site that I have incorporated with my SmugMug site so there is streamless flow into my galleries or portfolios. What URL, would I use on my WordPress site to direct clients to the same client login popup?

Thanks for the awesome help you all always give!

Originally Posted by Kimbo6891 I have implemented this code on my page and it works perfectly, but I would like for it to be centered and for me to be able to change the color. Also, I have a WordPress site that I have incorporated with my SmugMug site so there is streamless flow into my galleries or portfolios. What URL, would I use on my WordPress site to direct clients to the same client login popup? Thanks for the awesome help you all always give!

I got it to center, but then I didn't like the wording so I deleted the code for the view your memories HERE statement.

I still want to have a link going from my Wordpress site to my SM client login popup. I thought I could just add galleries.kimashcraft.com/Clients, but that doesn't work. When I click on the Client Login on my wordpress pages (both seniors and maternity and beyond), it brings up my SM homepage of galleries, but I don't want that. Any insight into how I can accomplish the popup in both WP and SM so everything works the same for my clients?

Thanks again.

Originally Posted by Kimbo6891 I got it to center, but then I didn't like the wording so I deleted the code for the view your memories HERE statement. I still want to have a link going from my Wordpress site to my SM client login popup. I thought I could just add galleries.kimashcraft.com/Clients, but that doesn't work. When I click on the Client Login on my wordpress pages (both seniors and maternity and beyond), it brings up my SM homepage of galleries, but I don't want that. Any insight into how I can accomplish the popup in both WP and SM so everything works the same for my clients? Thanks again.

On any other site not Smugmug the full http://.... link has to be used.

Originally Posted by Allen On any other site not Smugmug the full http://.... link has to be used.

Thanks, Allen. I do have the full URL, however I want it to go straight to the client login pop up. Regardless of which of my sites (kimashcraft.com, kimashcraft.com/seniors, or kimashcraft.com/maternity-and-beyond) I click the Client Login on, they all go to a screen that says "Please select the client login above or Contact Me directly for your password". Is there any way at all to bypass that and just go to the login popup?

Thanks again!

Originally Posted by Kimbo6891 Thanks, Allen. I do have the full URL, however I want it to go straight to the client login pop up. Regardless of which of my sites (kimashcraft.com, kimashcraft.com/seniors, or kimashcraft.com/maternity-and-beyond) I click the Client Login on, they all go to a screen that says "Please select the client login above or Contact Me directly for your password". Is there any way at all to bypass that and just go to the login popup? Thanks again!

You could just make a log-in page...see this thread

Originally Posted by J Allen You could just make a log-in page...see this thread

here is a site that is using this set-up

Originally Posted by J Allen You could just make a log-in page...see this thread

Thanks, Joe. Oh, sorry for calling you Allen in my previous reply. I overlooked the J. (Sleep deprivation from working on my site so much). As far as that code is concerned, it works perfectly! Thank you. However, I can't figure out what to do in place of the image that is missing on my page that is in your code like this:

<div id="login-form">
<form name="customerproofs" id="customerproofs" action="#" method="get"><input class="inputleft" name="customerid" id="customerid" value="" size="30" maxlength="30" tabindex="1" onkeypress="return handleEnter(this, event)" type="text"></form>
<a href="javascript:opensmugLinkWindow(document.custo merproofs.customerid.value);"><img src="http://www.joerallen.com/photos/i-fr.../i-fr9ZXNj.png" border="0"></a>

Thanks again.

Originally Posted by Kimbo6891 Thanks, Joe. Oh, sorry for calling you Allen in my previous reply. I overlooked the J. (Sleep deprivation from working on my site so much). As far as that code is concerned, it works perfectly! Thank you. However, I can't figure out what to do in place of the image that is missing on my page that is in your code like this: <div id="login-form"> <form name="customerproofs" id="customerproofs" action="#" method="get"><input class="inputleft" name="customerid" id="customerid" value="" size="30" maxlength="30" tabindex="1" onkeypress="return handleEnter(this, event)" type="text"></form> <a href="javascript:opensmugLinkWindow(document.custo merproofs.customerid.value);"><img src="http://www.joerallen.com/photos/i-fr.../i-fr9ZXNj.png" border="0"></a> Thanks again.

try this image:

<div id="login-form">
<form name="customerproofs" id="customerproofs" action="#" method="get"><input class="inputleft" name="customerid" id="customerid" value="" size="30" maxlength="30" tabindex="1" onkeypress="return handleEnter(this, event)" type="text"></form>
<a href="javascript:opensmugLinkWindow(document.customerproofs.customerid.value);"><img src="http://www.joerallen.com/photos/i-fr9ZXNj/0/O/i-fr9ZXNj.png" border="0"></a>

 </div>

Originally Posted by Kimbo6891 Thanks, Allen. I do have the full URL, however I want it to go straight to the client login pop up. Regardless of which of my sites (kimashcraft.com, kimashcraft.com/seniors, or kimashcraft.com/maternity-and-beyond) I click the Client Login on, they all go to a screen that says "Please select the client login above or Contact Me directly for your password". Is there any way at all to bypass that and just go to the login popup? Thanks again!

also, add this to your css to remove the "no photos" message:

/*Remove Photo Message*/ 
.notLoggedIn .nophotos {display:none}

Originally Posted by J Allen try this image: <div id="login-form"> <form name="customerproofs" id="customerproofs" action="#" method="get"><input class="inputleft" name="customerid" id="customerid" value="" size="30" maxlength="30" tabindex="1" onkeypress="return handleEnter(this, event)" type="text"></form> <a href="javascript:opensmugLinkWindow(document.customerproofs.customerid.value);"><img src="http://www.joerallen.com/photos/i-fr9ZXNj/0/O/i-fr9ZXNj.png" border="0"></a> </div>

Perfect again! You're awesome! One more thing because I have no idea how to do any of this on my own. How do I get rid of the thing at the bottom of the login page saying the gallery has no photos to display yet? Do I just upload some graphic or something to get rid of it? I tried adding an image and it did get rid of that message, however if I keep the gallery style as SmugMug, there is a thumbnail of the picture and then the larger one to the right of it. If I change the style to journal, then the gallery I log into shows as journal style, which I hate. Any suggestions?

Thanks,
Kim

Originally Posted by Kimbo6891 Perfect again! You're awesome! One more thing because I have no idea how to do any of this on my own. How do I get rid of the thing at the bottom of the login page saying the gallery has no photos to display yet? Do I just upload some graphic or something to get rid of it? I tried adding an image and it did get rid of that message, however if I keep the gallery style as SmugMug, there is a thumbnail of the picture and then the larger one to the right of it. If I change the style to journal, then the gallery I log into shows as journal style, which I hate. Any suggestions? Thanks, Kim

See my above post no need to add any images

Originally Posted by J Allen See my above post no need to add any images

Thank you! It was another oversight on my part. Maybe I just need to go to bed! It works perfectly! I might just get my site the way I want it before I die. LOL!

Originally Posted by Kimbo6891 Thank you! It was another oversight on my part. Maybe I just need to go to bed! It works perfectly! I might just get my site the way I want it before I die. LOL!

you can add an image though if you like...it would just require some more html:

<br><br>
<center>
<div id="key-image">
<img src="/photos/i-QbPCf5H/1/200x185/key-200x185.png"border="0">
<span>
<h3>Your gallery of images are password protected.</h3>
</span>
</div>
</center>

Then some CSS to hide some things in that gallery

/*Remove Theme*/ .galleryPage, .boxBottom, .boxTop, .box  {border:none !important}

.gallery_24589702 #breadCrumbTrail,
.gallery_24589702 .play_slideshow,
.gallery_24589702 #albumNav_top,
.gallery_24589702 #albumNav_bottom,
.gallery_24589702 .pageNav {display:none}

Originally Posted by J Allen you can add an image though if you like...it would just require some more html: <br><br> <center> <div id="key-image"> <img src="/photos/i-QbPCf5H/1/200x185/key-200x185.png"border="0"> <span> <h3>Your gallery of images are password protected.</h3> </span> </div> </center> Then some CSS to hide some things in that gallery /*Remove Theme*/ .galleryPage, .boxBottom, .boxTop, .box {border:none !important} .gallery_24589702 #breadCrumbTrail, .gallery_24589702 .play_slideshow, .gallery_24589702 #albumNav_top, .gallery_24589702 #albumNav_bottom, .gallery_24589702 .pageNav {display:none}

Thanks, Joe! I think I will leave it the way it is. It works just fine without an images so I'm just not going to worry about it since you gave me the code to remove that message. You are awesome!!!

Does this work with the standard "Clients" category that is on smugmug or would i need to create a new one?
i have a client section already set up with subcategory?

Originally Posted by J Allen -Make a new category named "Clients" -Add your client galleries to this category. -Add this to your bottom java-script box: ///////////////////// Client Login Start /////////////////////// function addCategoryTitleToBreadcrumb(description) { var breadCrumb = YD.get("breadcrumb"); if (breadCrumb) { var divTag = document.createElement("div"); divTag.className = "categoryDescription"; divTag.innerHTML = description; breadCrumb.parentNode.insertBefore(divTag, breadCrumb.nextSibling); } } function addCategoryTitleToThumbs(descriptionObject, boxObjectName) { var re = /\>([^\<]+)<\/a>/i; // pattern to find the category name between the <a> and </a> tags var divTag = YD.get(boxObjectName); if (divTag) { var divTags = YD.getElementsByClassName("albumTitle", "p", divTag); for (var i = 0; i < divTags.length; i++) { var matches = re.exec(divTags[i].innerHTML); // get just the category name if (matches && (matches.length > 1)) { var nameWithUnderscores = matches[1].replace(/ |&/g, "_"); // replace spaces with underscores // if we have this object in our array, then proceed if (descriptionObject[nameWithUnderscores] != undefined) { var pTag = document.createElement("p"); pTag.className = "categoryDescription"; pTag.innerHTML = descriptionObject[nameWithUnderscores]; divTags[i].parentNode.insertBefore(pTag, divTags[i].nextSibling); } } } } } function addCategoryDescription(titleOnly) { var categoryDescription = { "Clients" : "Please select the client login above or <a href='/' onclick='return false;' class='customContactButton'>Contact Me</a> directly for your password" }; var re, matches, i; // various local variables // now fix it so that it works automatically even if the category or sub-category name has spaces in it // we replace those spaces with underscores (which is what the classname does) and add those to our object so we can match those too for (i in categoryDescription) { var newName = i.replace(/ |&/g, "_"); categoryDescription[newName] = categoryDescription[i]; // add a property to the object that has only underscores in the name } // on the homepage, we want to check for category names and add a description if a match found // on a category page, we want to check to see if the category that the page is needs a description under the breadcrumb // and, we need to see if any of the sub-category items on the page need us to add a description under the name // on a sub-category page, we want to check to see if the sub-category that the page is needs a description under the breadcrumb if (YD.hasClass(document.body, "category")) { // fetch the category name re = /category_(\S+)/i; matches = re.exec(document.body.className); if (matches && (matches.length > 1)) { var categoryName = matches[1]; // now see if we have a subcategory too if (YD.hasClass(document.body, "subcategory")) { re = /subcategory_(\S+)/i; matches = re.exec(document.body.className); if (matches && (matches.length > 1)) { var subcatName = matches[1]; // category and subcategory so we are on a subcategory page showing a list of galleries in this subcategory // we need to just add a subcategory title to this page if the category-subcategory matches var fullName = categoryName + "." + subcatName; if (categoryDescription[fullName]) { addCategoryTitleToBreadcrumb(categoryDescription[fullName]); } } } // here we're on a category page // we need to add a category description for the category page // and potentially add subcategory descriptions to the subcategory names displayed on this page else { if (categoryDescription[categoryName]) { addCategoryTitleToBreadcrumb(categoryDescription[categoryName]); } if (!titleOnly) { // now we need to build a temporary subcategoryDescription object that has only the subcategory names in it that are in this category var subcatDescriptions = {}; re = new RegExp("^" + categoryName + "\\.(.+)$", "i"); for (i in categoryDescription) { matches = re.exec(i); if (matches && (matches.length > 1)) { subcatDescriptions[matches[1]] = categoryDescription[i]; } } addCategoryTitleToThumbs(subcatDescriptions, "subcategoriesBox"); } } } } // then see if we're on the homepage if (!titleOnly && YD.hasClass(document.body, "homepage")) { addCategoryTitleToThumbs(categoryDescription, "categoriesBox"); } } function addCategoryDescriptionBoth() { addCategoryDescription(false); } YE.onDOMReady(addCategoryDescriptionBoth); function TagThumbs() { // get current category and subcategory var info = GetCategoryInfo(); // get list of miniBox divs in the "this" object var miniBoxList = YD.getElementsByClassName('miniBox', 'div', this); // for each miniBox, get the category or sub-category name from the albumTitle div for (var i = 0; i < miniBoxList.length; i++) { // get the albumTitle p tag var titleTags = YD.getElementsByClassName("albumTitle", "p", miniBoxList[i]); if (titleTags && (titleTags.length > 0)) { // get the link in the albumTitle var linkTags = titleTags[0].getElementsByTagName('a'); if (linkTags && (linkTags.length > 0)) { // grab the name of the category/subcategory from the thumb var thumbName = linkTags[0].innerHTML; thumbName = thumbName.replace(/\s+|\&[a-z]+;|[^_a-zA-Z0-9-]/g, "_"); // replace illegal CSS chars with underscore var newClassName = "thumbnail_"; if (info.cat) { newClassName += info.cat + "_"; } if (info.subcat) { newClassName += info.subcat + "_"; } newClassName += thumbName; YD.addClass(miniBoxList[i], newClassName); } } // get the photo div in each miniBox var photoTags = YD.getElementsByClassName("photo", "div", miniBoxList[i]); if (!photoTags || (photoTags.length == 0)) { photoTags = YD.getElementsByClassName("photoLarge", "div", miniBoxList[i]); } if (photoTags && (photoTags.length > 0)) { // get the link in the photo tag var photoLinkTags = photoTags[0].getElementsByTagName('a'); if (photoLinkTags && (photoLinkTags.length > 0)) { // grab the URL of the gallery var link = photoLinkTags[0].href; // href should be "/gallery/5608799_ZJ27n" var matches = link.match(/\/gallery\/(\d+)_/); if (matches && (matches.length > 1)) { YD.addClass(miniBoxList[i], "thumbnail_gallery_" + matches[1]); } } } } } YE.onContentReady('categoriesBox', TagThumbs); YE.onContentReady('subcategoriesBox', TagThumbs); YE.onContentReady('galleriesBox', TagThumbs); //====End of TagThumbs==== //====GetCategoryInfo==== // Retrieves category and subcategory names from the body tag classes // returns an object function GetCategoryInfo() { var info = new Object; info.cat = ""; info.subcat = ""; if (YD.hasClass(document.body, "category")) { var re = /category_(\S+)/i; var matches = re.exec(document.body.className); if (matches && (matches.length > 1)) { info.cat = matches[1]; } if (YD.hasClass(document.body, "subcategory")) { re = /subcategory_(\S+)/i; matches = re.exec(document.body.className); if (matches && (matches.length > 1)) { info.subcat = matches[1]; } } } return(info); } YE.onDOMReady(function(){clientLogin(Sizzle('a[href=/Clients]')[0],'Clients')});function clientLogin(trigger,category){var clDialog=new YAHOO.widget.Panel("clDialog",{width:"325px",fixedcenter:true,zIndex:100,constraintovikrport:true,underlay:"shadow",modal:true,close:true,visible:false,draggable:false,effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:.7}});clDialog.setHeader("<h1>Login</h1><p>Please Enter Your Password To Continue.</p>");clDialog.setBody('<label>Password: </label><input id="clUsername" type="text" />');clDialog.setFooter('<input id="clLoginButton" type="button" value="submit" />');clDialog.render(document.body);YE.addListener(trigger,'click',function(e){YE.preventDefault(e);clDialog.show()});YE.addListener('clLoginButton','click',function(e){var value=YD.get('clUsername').value;if(value!=''){var url='/'+category+'/'+value;window.location.href=url}else{alert('Please enter your username to continue')}})}; YE.onDOMReady(InitMyContactButton); function InitMyContactButton() { InitMyContactButton.extraContactUsButtons = new Array; var contacts = Sizzle(".customContactButton"); // look in Easy Customizer navbar too var navEntries = Sizzle("#customNav li a"); for (var j = 0; j < navEntries.length; j++) { var str = navEntries[j].href; if (str.search(/\/customcontact/i) != -1) { navEntries[j].onclick = function () {return false;}; contacts.push(navEntries[j]); break; } } var nick, o, matches; // see if the nickname is already defined in the page try { nick = NickName || SM.hostConfig.nickname ; // get standard nickname } catch (e) {} // see if the nickname is in the URL if (!nick) { try { matches = window.location.host.match(/^(www.)?(.*)\.smugmug\.com$/i); nick = matches[2]; } catch (e) {} } // see if we can get the nickname from one of the built-in contact links on the page if (!nick) { // hack - NickName doesn't exist on some pages so we try to pull it from the password prompt or the standard footer o = YD.get("contactUsButtonWrapper") || YD.get("contactUsButtonWrapperFooter"); matches = o.onmouseover.toString().match(/ownerNickName:\s*'([^']+)'/) if (matches && matches.length > 1) { nick = matches[1]; } } for (var i = 0; i < contacts.length; i++) { InitMyContactButton.extraContactUsButtons.push(new SM.buttons.contactUs ( contacts[i].parentNode, contacts[i], { buttonText: 'Contact', panelTitle: 'Contact the gallery owner', currentPage: window.location.toString(), currentPageOverride: '', referringPage: '', pro: '', modal: 'true', popupName: 'contactOwner', uniqueID: 'myContactPanel' + InitMyContactButton.extraContactUsButtons.length, ownerNickName: nick, width: '755px', albumID: '', additionalParams: 'FooterContact' } )); } } ///////////////////// Client Login End /////////////////////// -Add this to your CSS box: /*Client Log-In Page*/ .notLoggedIn .categoryDescription {font-size:180%;text-align:center; margin-bottom:400px;padding-top:120px} .loggedIn .categoryDescription {margin-bottom:0px} .categoryDescription a {color:#ffffff} .notLoggedIn .category_Clients #breadCrumbTrail, .notLoggedIn .category_Clients #galleriesBox, .notLoggedIn .thumbnail_Clients {display:none !important} -you'll need to go to "visitor view" to try this out -the nicename, which is set in the gallery settings for each individual gallery, is the password. -if entered correctly it should take them right to there gallery...if entered wrong, you'll see a message on your site asking them to try again or contact you.

If you want this to work for any gallery on your site...no matter what category or subcat.....try something like this...make a new unlisted gallery and add this to the album description area:

<html>


<div style="width:70%;text-align:center;border:1px solid #999999;background-color: #666666;margin:auto;padding:8px">

    <form name="f_login">
    <p style="font-size: 1.2em">To view your photographs, please enter your password.</p>
<p>
Note: Passwords are case-sensitive and should be entered exactly as provided.
</p>
    <p>password: <input name="pword" onkeypress="return checkEnter(event)" size="30" type="password">
    <input value="Login" onclick="Login()" type="button"></p>
</form> 
<br>
<p>
If you need assistance, please <a href="/" onclick="return false;" class="customContactButton">Contact Me</a>
</p>

  


</div>
<script type="text/javascript">
<!--

 function checkEnter(e){ //e is event object passed from function invocation

  var characterCode; // literal character code will be stored in this variable

  if(e && e.which){ //if which property of event object is supported (NN4)

     e = e;

     characterCode = e.which; //character code is contained in NN4's which property

  }

  else{

     e = event;

     characterCode = e.keyCode; //character code is contained in IE's keyCode property

  }



  if(characterCode == 13){ //if generated character code is equal to ascii 13 (if enter key)

     Login(); //submit the form

  return false;

  }

  else{

     return true;

  }



}

function Login(){

var done=0;

var pword=document.f_login.pword.value;

pword=pword.toLowerCase();


/////////////////// Add new galleries and passwords below here /////////////////

if (pword=="red") { window.location="XXXXX_XXXX"; done=1; }
if (pword=="green") { window.location="XXXXX_XXXX"; done=1; }
if (pword=="blue") { window.location="XXXXX_XXXX"; done=1; }

/////////////////// end galleries////////////////////////////////////////////////////



if (done==0) { alert("Password not accepted. Please try again."); }
}
 -->
</script>

</html>

you'll have to modify this code foe every gallery you want this to apply to....just add a new if line and password along with the corresponding gallery.....marked in red here.....