Социальный замок - это получение ссылки после нажатия на кнопку социальных сетей.
Вариант 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

Можешь почитать и вот эту статейку "JetBrains PhpStorm"

mistakes

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

Ваше мнение

какой форум лучше для вас
Результаты

Облако тегов

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