If you are interested in moving the slideshow button down to the same line as the cart buttons, this customization will do that like this:



To use this customization, you must have enabled ordering of prints (so the cart buttons are present). If you have not enabled that on any particular gallery, then the slideshow button just won't move in that gallery.

This customization replaces other scripts for moving the slideshow button because those scripts can sometimes cause the slideshow button to no longer operate correctly (the slideshow button is an odd combination of HTML/CSS and Flash). This one works differently and is working reliably.

To install this customization, simply copy all of this code into your bottom javascript.

//-------------------------------------------------------------------------
// Code to move the slideshow button to the same row 
// as the buy button
// See http://www.dgrin.com/showthread.php?p=1206665 for support.
// Version 2.0
//-------------------------------------------------------------------------
function MyNewSlideshowInit(container, id, config)
{
    if (config && config.slideshowDiv && (config.slideshowDiv == "fsssButton"))
    {
        var cartDiv = YD.get("cartButtonsWrapper");
        if (cartDiv)
        {
            var ssDiv = YD.get("fsssButton");
            if (ssDiv)
            {
                ssDiv.parentNode.removeChild(ssDiv);
            }
            var newDiv = document.createElement("div");
            newDiv.id = "fsssButton";
            cartDiv.appendChild(newDiv);
            container = "cartButtonsWrapper";
        }
    }
    return (myOldSlideshowInit.apply(this, arguments));
}

var myOldSlideshowInit;
if (typeof(SM.buttons.slideshow) != "undefined")
{
    // hook the init function on the SM.buttons.slideshow object
    myOldSlideshowInit = SM.buttons.slideshow.prototype.init;
    SM.buttons.slideshow.prototype.init = MyNewSlideshowInit;
}

and then to make it display properly in the new journal and allthumbs view, add this CSS to the CSS section of your site-wide-customization:

.allthumbs_stretch .albumNav_right, .journalNav_right {width: 400px;}

I added the code at the bottom Javascript as described. It moved the slideshow button as described in my galleries for all but one. Thought it was because of the description text, but another gallery
has a text description and the slideshow button was moved to the side.

www.kevinrabito.com -- "the private lives of pippa lee" is the gallery that the slideshow did
not move.

Thanks for your help.

Originally Posted by jfriend If you are interested in moving the slideshow button down to the same line as the cart buttons, this customization will do that like this: To use this customization, you must have enabled ordering of prints (so the cart buttons are present). If you have not enabled that on any particular gallery, then the slideshow button just won't move in that gallery. This customization replaces other scripts for moving the slideshow button because those scripts can sometimes cause the slideshow button to no longer operate correctly (the slideshow button is an odd combination of HTML/CSS and Flash). This one works differently and is working reliably. To install this customization, simply copy all of this code into your bottom javascript. //------------------------------------------------------------------------- // Code to move the slideshow button to the same row // as the buy button //------------------------------------------------------------------------- function MyNewSlideshowInit(container, id, config) { if (config && config.slideshowDiv && (config.slideshowDiv == "fsssButton")) { var cartDiv = YD.get("cartButtonsWrapper"); if (cartDiv) { var ssDiv = YD.get("fsssButton"); if (ssDiv) { ssDiv.parentNode.removeChild(ssDiv); } var newDiv = document.createElement("div"); newDiv.id = "fsssButton"; cartDiv.appendChild(newDiv); container = "cartButtonsWrapper"; } } return (myOldSlideshowInit.apply(this, arguments)); } var myOldSlideshowInit; if (typeof(SM.buttons.slideshow) != "undefined") { // hook the init function on the SM.buttons.slideshow object myOldSlideshowInit = SM.buttons.slideshow.prototype.init; SM.buttons.slideshow.prototype.init = MyNewSlideshowInit; }

You should change the gallery settings (Look and Feel - Appearance) from "Smugmug" to "Custom".

is there a way to undo changes or revert back to the standard look etc... mblonde.smugmug.com I tried the "move slideshow button" script and I find that it stacks the buttons when viewed in journal mode. So i'd like to just revert back if possible?

Matt

Originally Posted by mblonde is there a way to undo changes or revert back to the standard look etc... mblonde.smugmug.com I tried the "move slideshow button" script and I find that it stacks the buttons when viewed in journal mode. So i'd like to just revert back if possible? Matt

You have two choices:

1) Add this CSS to the CSS section of your site-wide-customization to fix the issue:

.journalNav_right {width: 300px;}

2) Remove the script that you put in your bottom javascript and it will remove this customization.

Hi,

First and foremost, thanks for the help in advance, love the site guys!

wondering if there are any possibilities of deleting any buttons (Slideshow, Buy or View Cart)

Regards,
Jose

mamasboy.smugmug.com

Originally Posted by mamasboy Hi, First and foremost, thanks for the help in advance, love the site guys! wondering if there are any possibilities of deleting any buttons (Slideshow, Buy or View Cart) Regards, Jose mamasboy.smugmug.com

Buy and Cart buttons will go away when you turn printing off for any gallery in gallery settings.

The slideshow button can be hidden with CSS:

.gallery_xxxxx #slideshowButton {display: none;}

where you replace the xxxx with a particular gallery number or if you want to hide it site-wide, you can do so with:

#slideshowButton {display: none;}

Thanks for the update, works like a charm JFriend!

Originally Posted by jfriend Buy and Cart buttons will go away when you turn printing off for any gallery in gallery settings. The slideshow button can be hidden with CSS: .gallery_xxxxx #slideshowButton {display: none;} where you replace the xxxx with a particular gallery number or if you want to hide it site-wide, you can do so with: #slideshowButton {display: none;}

I can't seem to get this to work in thumbnail style galleries.

The .allthumbs_stretch_nav_right, .journalNav_right {width: 400px;}
code does not seem to do anything.

http://photos.humansafterall.com/Nig...16971108_tdV6a

Am I doing something wrong?

Originally Posted by Tecnicole I can't seem to get this to work in thumbnail style galleries. The .allthumbs_stretch_nav_right, .journalNav_right {width: 400px;} code does not seem to do anything. http://photos.humansafterall.com/Nig...16971108_tdV6a Am I doing something wrong?

The correct CSS for all thumbs view is:

.allthumbs_stretch .albumNav_right, .journalNav_right {width: 400px;}

I'm not sure whether Smugmug changed something or what, but this is what works now.

Yay!

Originally Posted by jfriend The correct CSS for all thumbs view is: .allthumbs_stretch .albumNav_right, .journalNav_right {width: 400px;} I'm not sure whether Smugmug changed something or what, but this is what works now.

John, I have tried all these codes, and the Slideshow option is still stacked with the "View Cart" and "Buy" buttons.

Could you please see what I might be doing wrong?

Direct link to gallery: http://oursite.smugmug.com/Reunion/R...5_7jFbX#P-1-10

DeeRich
www.oursite.smugmug.com

Originally Posted by DeeRich John, I have tried all these codes, and the Slideshow option is still stacked with the "View Cart" and "Buy" buttons. Could you please see what I might be doing wrong? Direct link to gallery: http://oursite.smugmug.com/Reunion/R...5_7jFbX#P-1-10 DeeRich www.oursite.smugmug.com

Change the CSS to this:

.allthumbs_stretch .albumNav_right, .journalNav_right, .journal_new .albumNav_right {width: 400px;}

Originally Posted by jfriend Change the CSS to this: .allthumbs_stretch .albumNav_right, .journalNav_right, .journal_new .albumNav_right {width: 400px;}

It worked! You are good! Thank you, thank you!

DeeRich
www.oursite.smugmug.com

This didn't work for me. I wanted to change the slideshow and share buttons all on the same line as the buy/view cart. I attempted your code - adding the slideshow button. It took away my fastline homepage slideshow! I just deleted the code and it came right back. Any suggestions...my home page is http://www.organicvisionsphotography.com/

Originally Posted by jfriend If you are interested in moving the slideshow button down to the same line as the cart buttons, this customization will do that like this: To use this customization, you must have enabled ordering of prints (so the cart buttons are present). If you have not enabled that on any particular gallery, then the slideshow button just won't move in that gallery. This customization replaces other scripts for moving the slideshow button because those scripts can sometimes cause the slideshow button to no longer operate correctly (the slideshow button is an odd combination of HTML/CSS and Flash). This one works differently and is working reliably. To install this customization, simply copy all of this code into your bottom javascript. //------------------------------------------------------------------------- // Code to move the slideshow button to the same row // as the buy button // See http://www.dgrin.com/showthread.php?p=1206665 for support. // Version 2.0 //------------------------------------------------------------------------- function MyNewSlideshowInit(container, id, config) { if (config && config.slideshowDiv && (config.slideshowDiv == "fsssButton")) { var cartDiv = YD.get("cartButtonsWrapper"); if (cartDiv) { var ssDiv = YD.get("fsssButton"); if (ssDiv) { ssDiv.parentNode.removeChild(ssDiv); } var newDiv = document.createElement("div"); newDiv.id = "fsssButton"; cartDiv.appendChild(newDiv); container = "cartButtonsWrapper"; } } return (myOldSlideshowInit.apply(this, arguments)); } var myOldSlideshowInit; if (typeof(SM.buttons.slideshow) != "undefined") { // hook the init function on the SM.buttons.slideshow object myOldSlideshowInit = SM.buttons.slideshow.prototype.init; SM.buttons.slideshow.prototype.init = MyNewSlideshowInit; } and then to make it display properly in the new journal and allthumbs view, add this CSS to the CSS section of your site-wide-customization: .allthumbs_stretch .albumNav_right, .journalNav_right {width: 400px;}

Originally Posted by romarzano4u This didn't work for me. I wanted to change the slideshow and share buttons all on the same line as the buy/view cart. I attempted your code - adding the slideshow button. It took away my fastline homepage slideshow! I just deleted the code and it came right back. Any suggestions...my home page is http://www.organicvisionsphotography.com/

Chances are you introduced a script error when you copied the code in - probably a copy/paste error. The script does work. But, without the fault in place to look at what's wrong, I can't really help much more. If you still want to get it to work, put it back in, leave it in and post here if it doesn't work and I can take a look at why.

Awesome man, much appreciated! Worked first try no problems, and I know NOTHING about CSS/HTML stuff haha thank youuu!

I tried moving the slideshow using the bottom javascript and CSS as outlined. It worked for Engagements but not for Guestbooks within Engagements or any of the Weddings or Design galleries. I checked to make sure that they are all set to Custom appearance and Print enabled. Please help. Thanks.
http://www.wd3photography.com
http://www.wd3photography.com/Weddings
http://www.wd3photography.com/Engage...957343_RdXz22q

Originally Posted by ewebwoman I tried moving the slideshow using the bottom javascript and CSS as outlined. It worked for Engagements but not for Guestbooks within Engagements or any of the Weddings or Design galleries. I checked to make sure that they are all set to Custom appearance and Print enabled. Please help. Thanks. http://www.wd3photography.com http://www.wd3photography.com/Weddings http://www.wd3photography.com/Engage...957343_RdXz22q

This guestbook gallery http://www.smugmug.com/gallery/17870...869166_xpHXdFW is set to Hide Owner. Hide Owner must be set to No.

Partly offtopic! If we can move the 'share' and the 'slideshow' buttons to the cart line, why there's no chance of moving the 'style' button? To me it'd make so much sense, to have all the buttons in the same line... Now it looks so lonely up there...
In anyway, THANK YOU so much for all the tricks, my website (www.miguel.cz) looks so much better after using many of your tricks!! Many thanks!! :)