adding sharethis.com icon and tracking

[hgmobile]

This is a little javascript icon/popup that can be made to appear and allows people to share the page via email or social networking etc. I would like this icon to appear on all the product detail pages. Ideally beside product name or perhaps at the end of the product description.

Any idea as to what template and where it might need to go in v. 5.0.2?

Thanks in advance

[joepc]

Would like to add this aswell using the addthis.com button,

http://www.team-backup.com/addthis.jpg

[AnimalMakers]

I added "Tell a Friend" button to my cart. I placed it in the Snippets/ProductAddToCart.html file right after
<input type="image" src="%%GLOBAL_TPL_PATH%%/images/%%GLOBAL_SiteColor%%/AddCartButton.gif" alt="" />

BTW, can you share the javascript code you mentioned?

[joepc]

Thanks AnimalMakers, works perfect here is the js code

(I added this below the analytics code)
<script type="text/javascript">var addthis_pub="Your ACC No.";</script>

(And this to the HTMLHeader.html)
<script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script>

(Finally this to the Snippets/ProductAddToCart.htm)
<br></br>
<a href="http://www.addthis.com/bookmark.php"
onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]');"
onmouseout="addthis_close();"
onclick="return addthis_sendto();"><img
src="http://s7.addthis.com/static/btn/sm-plus.gif"
width="16" height="16" border="0" alt="Share" /></a>

Was very fussy about layout of html code but working great now,

Screener

http://team-backup.com/test.jpg

[heinzmty]

niiiiiiice!!

Heinz

[AnimalMakers]

Sweet! Thanks

[hgmobile]

Thanks very much.

Not sure I understand everything that's been posted - I am very new at this. I was hoping that I just had to paste the button code in one place and not have to be doing stuff in multiple files. I am probably way over my head here.

[heinzmty]

its alive !! it works perfect ! Thanks ! :D

Heinz

[heinzmty]

remember, you can config even more, example:

<script type="text/javascript">var addthis_pub="YOURUSERNAME";
var addthis_language = "YOURLANGUAGE";
var addthis_options = 'MODULES';
</script>

var_addthis_language = es, it, en, jp, etc.

var_addthis_options= what module do you want to enable
here the list:

aim, ask, backflip, ballhype, bebo, blogmarks, buzz, delicious,
digg, diigo, email, facebook, favorites, fark, feedmelinks, friendfeed, google, kaboodle, kirtsy, linkedin, live, misterwong, mixx, multiply, myaol, myspace, netvouz, newsvine, print, propeller, reddit, segnalo, simpy, slashdot, spurl, stumbleupon, stylehive, tailrank, technorati, thisnext, twitter, yardbarker, yahoobkm, more

In my case:
var_addthis_options= 'facebook, email, twitter, myspace, favorites, live, google, print, more';

language = es

more info : http://www.addthis.com/help/customize/services

Heinz

[hgmobile]

Well , I got brave seeing that there is just a single snippet to add for share this.
I have it displaying now at the bottom of the descriptions.
inserted in the Panel Productdescription.html

Thanks everyone for getting me started in the right directions.

[heinzmty]

well... a issue must to have

I have just notice, that this mod, breaks SSL

If you have SSL enabled, and if you have this mod will appear a warning
(Screenshot)

could you check?

damm, I really like this mod, but if this is the cause of ssl break, I will take it out

would be better if ISC makes a similar mod :P

Heinz

[AnimalMakers]

This mod does not really break the ssl. The certificate is still valid. It appears broken because your website is calling a non-secure resource.

The other thing to note is that you do not have to operate your entire store in "secure" mode. I call my store by http://www.animalmakers.com/store. When the customer checks out, it switches to secure mode (https://). At that point, this mod is not being used so the padlock in the browser remains unbroken.

I hope this helps

[heinzmty]

yup

Well, now is fixed

just a quick fix

Panels/HTMLHead.html
<script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.
js">
</script>

change to :
<script type="text/javascript" src="https://s7.addthis.com/js/200/addthis_widget.
js">
</script>

and fixed :- )

[kankan]

Thanks for the method
Here is what i did on my side to display the addthis icon
In the ProductAddtoCart.html :

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_favorites"></a>
<a class="addthis_button_print"></a>
<span class="addthis_separator">|</span>
<a href="http://www.addthis.com/bookmark.php?v=250&amp;pub=nickname" class="addthis_button_expanded">More</a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=nickname"></script>
<!-- AddThis Button END -->

It works pretty good except that Facebook and other do not take Product Picture or Description (if tag placed in description html file)

Any idea how to fetch Picture / Description ?

Nico