Я не могу решить вашу проблему в номере 4, но я думаю, что вы пытаетесь сделать так же просто, как динамически создать ссылку на Facebook и поделиться ей соответствующим образом.
Я создал jsfiddle , который делает именно это, посмотрите здесь и посмотрите, поможет ли это вам.
Суть кода - это простой обработчик событий jQuery, который конфигурирует URL для общего ресурса Facebook и некоторых параметров.с учетом следующего html:
<ul class="products">
<li id="product-1">
Awesome Snacks
<a class="sharer" href="http://www.yoursite.com/some/url/to/product-1" data-title="Awesome Snacks on Website!">
<span class="liketext">Share</span>
</a>
</li>
</ul>
и следующего определения обработчика событий jQuery:
$('.sharer').click(function(e) {
e.preventDefault();
var title = $(this).data('title');
var url = $(this).attr('href');
var fbSharerUrl = 'http://www.facebook.com/sharer.php?';
var params = { u: url, t: title };
var fbSharerConfig = 'toolbar=0,status=0,width=600,height=400';
window.open(fbSharerUrl + $.param(params), 'sharer', fbSharerConfig);
});
Это создаст для вас ссылку на общий доступ на Facebook динамически на основе href и data-titleатрибуты ссылок в вашей корзине покупок.
Взгляните на jsfiddle , на который я ссылался ранее, поскольку он также включает в себя некоторые CSS, чтобы ссылки выглядели как кнопки общего доступа на Facebook:)