Социальный замок - это получение ссылки после нажатия на кнопку социальных сетей.
Вариант 1:
1. Активируем плагин xfield ( если не активирован )
2. Создаем дополнительное поле lock ( Например текстовый блок )

Подробности :
1 В скрипте для vk нужно изменить "apiId: 1111111111111111" на свой, полученный для вашего сайта.
2 Весь этот код вставляем в любое удобное место в шаблоне news.full.tpl

Код:
[xfield_lock] 
<div class="sblock">
Скрытый текст появится после лайка в одной из соц сетей.<br>
<table>
<tr>

<td style="text-align: center;" >

<g:plusone data-size="medium" callback="plusClick"></g:plusone>

<script type="text/javascript">
window.___gcfg = {lang: 'ru'};

(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();

function plusClick(data){
$('#hidden').show();
}

</script>

</td>

<td style="text-align: center;" >
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru">Твитнуть</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

<script type="text/javascript">
twttr.events.bind('tweet',function (twttr) {
alert('Спасибо за лайк! Теперь вам доступно скрытое содержимое ')
$('#hidden').show();

});
</script>
</td>
<td style="text-align: center;" >

<script type="text/javascript" src="//vk.com/js/api/openapi.js?78"></script>

<script type="text/javascript">
VK.init({apiId: 11111111111111111, onlyWidgets: true});
</script>

<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", height: 20});
</script>
<script type="text/javascript">
VK.Observer.subscribe('widgets.like.liked',function(){
$('#hidden').show();
}
);
</script>
</td>
<td style="text-align: center;">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-send="true" data-layout="button_count" data-width="150" data-show-faces="true"></div>
<script type="text/javascript">
FB.Event.subscribe('edge.create',
function(response) {
$('#hidden').show();
}
);
</script>




</td>
</tr>
</table>
</div>

<div id="hidden" style="text-align: left; display: none;" >
<div class="hideshow">
[xvalue_lock]
</div>
</div>

[/xfield_lock]
ну и стлили
Код:
.hideshow {
background: #fdf2c0;
font-size: 17px;
padding: 10px;
color: #5b5a44;
border-left: 5px solid rgb(0, 143, 34);
}

.sblock {
background: rgb(225, 229, 230);
float: left;
color: rgb(238, 26, 51);
border: 0px;
font-size: 18px;
padding: 10px 25px;
border-left: 5px solid rgb(255, 27, 27);
}

Вариант 2: http://ruseller.com/lessons.php?rub_id=1&id=1164 564585858

Можешь почитать и вот эту статейку "Выделяем активную страницу в меню"

mistakes

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

На каком движке ваш сайт?
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element