2016-03-07 5 views
0

Мы используем AddThis в нашем блоге, чтобы разрешить вам распространять сообщения. Мы хотели бы подсчитать количество людей, которые разделяют контент, но AddThis показывает, сколько людей поделилось им для каждой сети, и мы предпочли бы, чтобы все было в одном небольшом разделе.Total Social Count With AddThis HTML Plugin

Вот как код в основном прямо сейчас.

<div class="addthis_sharing_toolbox" style="text-align:center;display:block;"> 
    <a class=“at-share-btn at-svc-facebook”>… </a> 
     <span class="at_flat_counter">50</span> 
    <a class=“at-share-btn at-svc-twitter”>… </a> 
     <span class="at_flat_counter">23</span> 
    <a class=“at-share-btn at-svc-tumblr”>… </a> 
     <span class="at_flat_counter">1</span> 
    <a class=“at-share-btn at-svc-google_plus”>… </a> 
     <span class="at_flat_counter">2</span> 
    <a class=“at-share-btn at-svc-linkedin”>… </a> 
     <span class="at_flat_counter">1</span> 
</div> 

То, что мы хотели бы сделать, это добавить все числа между пролетами, а затем добавить их вместе, чтобы мы могли показать их в одном поле, которое общее количество. Проблема в том, что я не знаю, возможно ли это.

После завершения подсчета мы пользователь display: none;, чтобы скрыть <span class="at_flat_counter">1</span> поставляются AddThis

ответ

1
.at-svc-compact, .at_flat_counter { display:none !important; } 
.at_flat_counter:last-child { display:inline-block !important; } 

Первая строка скрывает иконку AddThis, что, как общее количество рядом с ним, а также все встречными элементами.

Во второй строке показан элемент общего подсчета AddThis, поэтому он отображается без добавления логотипа AddThis, а также показывает общее количество акций для страницы на нескольких платформах.