Addthis - two different configurations on one page

Question

I would like to have 2 different addthis configurations on one page.

Note that I am using the new Addthis, where the code is as follows:

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-xxxxxxxxxxxxxxxx" async="async"></script> <div class="addthis addthisBlogue clearfix"> <div class="addthis_sharing_toolbox"></div> </div> 

What I'm trying to do is to have 1 that has tooltips with stock numbers and the other

Is it possible?

Answer 1

Since AddThis creates HTML elements that contain a count hint (this is not a tooltip) with a single class or identifier element, if you want to be really specific (for example, choose what to hide, where you have two or more AddThis on the page ), You can:

• add the instance in which you want to hide the score inside the div using a CSS identifier or a unique class;
• use display: none to hide the parent element of the social media count just inside this div.

Target AddThis where you want to hide count elements

It seems obvious, but, for example, to this page , if you check (for example, in Chrome) the displayed Facebook and Twitter AddThis elements and add 'display: none' to the .pluginCountButton and .count-o styles that contain the elements you want hide, as expected: they disappear from the screen.

So if you nest your AddThis instances inside a uniquely identified div (or any parent element), you can simply target the one you want to hide as follows:

 #hiddencount .pluginCountButton, #hiddencount .count-o { display: none; } 

You need to find the equivalent .pluginCountButton and .count-o elements for your version and instance - each social media icon has its own, so you will need to identify each, as in the example above. You may need additional specifics between #hiddencount and the count container to apply the style.

NOTE. Without a working example with the shown counting links, this is not verified. If you have a working example, I would be happy to test it.

Answer 2

After some digging, I found the answer.

You need to add the addthis_toolbox class to your divs, for example:

 <div class="addthis addthis_toolbox addthisBlogue clearfix"> <div class="addthis_sharing_toolbox"></div> </div> 

source: http://support.addthis.com/customer/portal/questions/5024966-multiple-share-button-on-same-page