Forums

Sharethis code

Permalink
Hi - we are getting a strange problem with the Sharethis code as per the suggested approach.

Here is the code we have placed as additional code in the Head of the page under page custom properties:
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "07d4f41f-9385-474d-abc6-f26121cadf3c"}); </script>


And here is the code we have in a HTML block on the page itself:
<span class='st_sharethis_large' displayText='ShareThis'></span>
<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
<span class='st_linkedin_large' displayText='LinkedIn'></span>
<span class='st_email_large' displayText='Email'></span>


The problem is:
* the share icons never appear
* the code somehow causes / injects extra space below the footer

What is odd is that on some machines it works and others not - is there an easy fix as the Sharethis functionality is quite funky and we would like to use it. If however it's not easily fixable we'll just code our own site specific functionality...

I've attached a screen shot of what it is and not doing (the icons should be bottom right above the footer and note the additinal spacing below the footer)...

Thanks in advance...

Len

1 Attachment

leonardharley
 
designaroni replied on at Permalink Reply
designaroni
This may be a little late, from looking at your site (http://impactchoice.us/) now, if you haven't modified anything yet, it looks like you don't have the 

<span class='st_sharethis_large' displayText='ShareThis'></span>
<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
<span class='st_linkedin_large' displayText='LinkedIn'></span>
<span class='st_email_large' displayText='Email'></span>


in the footer or the 

<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "07d4f41f-9385-474d-abc6-f26121cadf3c"}); </script>


in the header

This is the first row in your footer which I am guessing is where you want the ShareThis content to go?

<div class="row">
   <div class="col">
      Find us on : <br>
      <span class="socialConnect"><a href="http://www.facebook.com/impactChoice" target="_blank"><img src="/packages/skybluesofa_social_share/img/facebook-24x24.png" border="0" alt="Connect on Facebook" title="Connect on Facebook" style="opacity: 1; "></a></span>
      <span class="socialConnect"><a href="http://www.linkedin.com/company/impactchoice" target="_blank"><img src="/packages/skybluesofa_social_share/img/linkedin-24x24.png" border="0" alt="Connect on LinkedIn" title="Connect on LinkedIn" style="opacity: 1; "></a></span>
      <span class="socialConnect"><a href="https://twitter.com/#%21/impactChoice" target="_blank"><img src="/packages/skybluesofa_social_share/img/twitter-24x24.png" border="0" alt="Connect on Twitter" title="Connect on Twitter" style="opacity: 1; "></a></span>
   </div>
</div>


your extra spacing is coming from the main.css line 520

footer .row:first-child{
margin-bottom:10px;
}


Try replacing what is inside your "col" div with the share this code after placing the script in the head, if this doesn't work re-fetch the code from ShareThis maybe something has changed since you got their code (http://sharethis.com/publishers/get-sharing-tools)