First of all I am not sure if this is the right tag so MODS, please do your magic.
so here goes:
I actually replaced FoF share social and FoF reactions with these.
in my opinion it looks better and flawless, respect to the FoF exensions but the share social is not very adaptive on mobile and the fof reactions are idk not the best.
just take your property IDs from sharethis.com
and then add this to custom footer
👉
<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=PROPERTY_ID_HERE&product=sop' async='async'></script>
<!-- ShareThis BEGIN -->
<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=PROPERTY_ID_HERE&product=inline-share-buttons,inline-reaction-buttons" async="async"></script>
<!-- ShareThis END -->
<script>
document.addEventListener("DOMContentLoaded", function () {
const observer = new MutationObserver(() => {
const postBody = document.querySelector('.Post-body');
if (postBody && !document.querySelector('.sharethis-wrapper')) {
const wrapper = document.createElement('div');
wrapper.className = 'sharethis-wrapper';
const shareDiv = document.createElement('div');
shareDiv.className = 'sharethis-inline-share-buttons';
const reactionDiv = document.createElement('div');
reactionDiv.className = 'sharethis-inline-reaction-buttons';
wrapper.appendChild(shareDiv);
wrapper.appendChild(reactionDiv);
postBody.appendChild(wrapper);
if (window.__sharethis__) {
window.__sharethis__.initialize();
}
}
});
observer.observe(document.body, { childList: true, subtree: true });
});
</script> 👈
"tried to add as a code but they got split"
I don't know how to make extensions so if someone can create one it would be great.
you can also check it in action in this is just a sample but it works in all posts
