If you have hidden the breadcrumb, but still want the Share button visible, then you can move it to the same row as the cart buttons with this customization.



To use this customization, simply paste the code below into your bottom javascript.

//------------------------------------------------------------------------------------
// Move share button to the cart line
// See http://www.dgrin.com/showthread.php?p=1206681 for support and more info.
// Version 1.0
//-------------------------------------------------------------------------------------

YE.onContentReady("shareButton", MoveToCartDiv);

function MoveToCartDiv()
{
    MoveObjToDiv(this, "cartButtonsWrapper");
}

function MoveObjToDiv(sourceObj, destDiv)
{
    var destDivObj = document.getElementById(destDiv);    // get the object for the dest div
    if (sourceObj && destDivObj)
    {
        sourceObj.parentNode.removeChild(sourceObj);    // remove object from it's current parent
        destDivObj.appendChild(sourceObj);                // add it to the new parent
    }    
}

Hi,

This afternoon, I was just looking to get this option on my site :)

Thx for sharing this script !

I added this to my javascript months ago and all has worked great until relatively recently.

Now, however, I no longer have the Share button on the Keywords page.

Any insights into something that has changed?

Originally Posted by kny I added this to my javascript months ago and all has worked great until relatively recently. Now, however, I no longer have the Share button on the Keywords page. Any insights into something that has changed?

I'm wondering if there has ever been a Share button on the Keywords page because the Share button permission is a gallery option, but keywords pages can contain images from many galleries so it would be hard for Smugmug to know whether to show a share button or not.

Originally Posted by jfriend I'm wondering if there has ever been a Share button on the Keywords page because the Share button permission is a gallery option, but keywords pages can contain images from many galleries so it would be hard for Smugmug to know whether to show a share button or not.

Yes, the Share button was there until recently.

Here is example:
http://tri-to-win-events.smugmug.com.../y9-rsm-sm-pmb

Here is site that users use to get to smugmug dynamically generated keyword page smugmug site.
http://www.savagemantri.org/media_library.html

Originally Posted by kny Yes, the Share button was there until recently. Here is example: http://tri-to-win-events.smugmug.com.../y9-rsm-sm-pmb

Perhaps Smugmug changed something recently. The code to move the share button somewhere can't work because there is no share button to move.

Originally Posted by jfriend Perhaps Smugmug changed something recently. The code to move the share button somewhere can't work because there is no share button to move.

hmmm, very interesting. Would it be possible then to add a Share button directly to the CartButtonsWrapper when on the keywords page and move the existing Share button there when on Gallery page?

Originally Posted by kny hmmm, very interesting. Would it be possible then to add a Share button directly to the CartButtonsWrapper when on the keywords page and move the existing Share button there when on Gallery page?

It looks like some custom javascript could do possibly that, but I wouldn't know for sure until trying to make it work.

So, I tried copying and pasting a couple times to make sure I got it right, but now I'm guessing that this code doesn't work with the Thumbnails gallery style. Sample gallery:

http://photos.chrisskopec.com/Landsc...89757898_mQuDr

Any chance this can be made to work in Thumbnails style?

Originally Posted by CWSkopec So, I tried copying and pasting a couple times to make sure I got it right, but now I'm guessing that this code doesn't work with the Thumbnails gallery style. Sample gallery: http://photos.chrisskopec.com/Landsc...89757898_mQuDr Any chance this can be made to work in Thumbnails style?

The code works fine. You just need to format it properly for the thumbnails view. Add this CSS:

#allthumbs_stretch #cartButtonsWrapper {width: 275px; text-align: right;}

Originally Posted by jfriend The code works fine. You just need to format it properly for the thumbnails view. Add this CSS: #allthumbs_stretch #cartButtonsWrapper {width: 275px; text-align: right;}

Perfect, thank you, John!

I just don't see my share button at all... I have still ticked yes to the "Easy share" link. If I turn the appearance from Custom to SmugMug the button appears. Does this have something to do with my breadcrumb trail removed?

Thanks for the help!
www.hvitabirnir.is

Originally Posted by hrex I just don't see my share button at all... I have still ticked yes to the "Easy share" link. If I turn the appearance from Custom to SmugMug the button appears. Does this have something to do with my breadcrumb trail removed? Thanks for the help! www.hvitabirnir.is

This line of your CSS is specifically hiding the Share button. Remove it if you want to see the share button.

.notLoggedIn .share_button {display:none;}

...I have revealed my ignorance in programming.

Cheers jfriend.

Please take a look at how it appears on my site: http://artminds.co/uYMIEQ

Doesn't move the Share button to the same line as the Cart buttons. Any suggestions?

Art Minds

Originally Posted by jfriend If you have hidden the breadcrumb, but still want the Share button visible, then you can move it to the same row as the cart buttons with this customization. To use this customization, simply paste the code below into your bottom javascript. //------------------------------------------------------------------------------------ // Move share button to the cart line // See http://www.dgrin.com/showthread.php?p=1206681 for support and more info. // Version 1.0 //------------------------------------------------------------------------------------- YE.onContentReady("shareButton", MoveToCartDiv); function MoveToCartDiv() { MoveObjToDiv(this, "cartButtonsWrapper"); } function MoveObjToDiv(sourceObj, destDiv) { var destDivObj = document.getElementById(destDiv); // get the object for the dest div if (sourceObj && destDivObj) { sourceObj.parentNode.removeChild(sourceObj); // remove object from it's current parent destDivObj.appendChild(sourceObj); // add it to the new parent } }

Originally Posted by Art Minds Please take a look at how it appears on my site: http://artminds.co/uYMIEQ Doesn't move the Share button to the same line as the Cart buttons. Any suggestions? Art Minds

You have a script error that stops all scripts from working. Add the missing slash (shown in red):

//------------------------------------------------------------------------------------
// Move share button to the cart line
// See http://www.dgrin.com/showthread.php?p=1206681 for support and more info.
// Version 1.0
//-------------------------------------------------------------------------------------

Originally Posted by Art Minds Please take a look at how it appears on my site: http://artminds.co/uYMIEQ Doesn't move the Share button to the same line as the Cart buttons. Any suggestions? Art Minds

Thank you for spotting that error that must have occurred when I copied the code.

Art

Thanks this code works (most of the time).
Why does it sometimes move the "Share" button to the left of the "Buy" button?
Sometimes refreshing the page would move it back to the right side of "View Cart".

Originally Posted by jchin Thanks this code works (most of the time). Why does it sometimes move the "Share" button to the left of the "Buy" button? Sometimes refreshing the page would move it back to the right side of "View Cart".

A variation in timing of Smugmug javascript based on how the page is loaded. See my other answer to a related question you asked for more info.

Hi all :-)

I am using the filmstrip gallery.

When I go through to the view the image, the social media share buttons are missing.

I have set my gallery to easy share and external links, but no joy.

I suspect this mod has affected that function.

Here is an affected gallery:

http://www.rtimberlake.com/Prints/Na...3222884_m5Nq6W

Any thoughts?