Добавление 3D облака тегов в E-commerce

Пост навеян желанием прикрутить трехмерное облако тегов на интернет-магазин wp e-commerce. Поиском плагинов я не стал себя утруждать, ибо это во-первых достаточно просто, а во-вторых — плагинов таких на скорую руку я не нашел и мне стало лень их дальше искать.

Итак, собственно как добавить 3D облако тегов в интернет магазин на wp-e-commrece?

Для начала откроем файл tagging_functions.php, который находится в директории: wp-content/plugins/wp-e-commerce/wpsc-widgets/
Найдем там строчки:

default :

$return = "<div id='product_tag_wrap'>".join( "\n", $a )."</div>";

break;

Добавляем теги div, следующим образом (Flash облако тегов):

default :

$return = "<div id='product_tag_wrap'><div id='tags'>".join( "\n", $a )."</div></div>";

break;

После этого, открываем файл header.php, находящийся по адресу: wp-content/themes/ваша-тема/
И туда добавляем код, подключающий все файлы:

<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
 function  myTags(mytags){
 mytags=mytags.replace(/<A/g, '<a')
 .replace(/\/A>/g, "/a>")
 .replace(/(\starget=_)(\w*)/g, ' target="_$2"')
 .replace(/(\sclass=)(?!")(\w*)/g, '')
 .replace(/(\sname=)(?!")(\w*)/g, ' name="$2"')
 .replace(/(\sid=)(?!")(\w*)/g, ' id="$2"')
 .replace(/(\srel=)(?!")(\w*)/g, ' rel="$2"');
 mytags=encodeURIComponent(mytags).replace(/!/g, '%21')
 .replace(/'/g, '%27').replace(/\(/g, '%28')
 .replace(/\)/g, '%29').replace(/\*/g, '%2A');
 var rnumber = Math.floor(Math.random()*9999999);
 var flashvars = {
 tcolor:"0x2A62C8",
 tcolor2:"0x000000",
 hicolor:"0xB12AC8",
 tspeed:"110",
 distr:"true",
 mode:"tags",
 tagcloud:mytags
 };
 var params = {
 allowScriptAccess:"always",
 wmode:'transparent'
 };
 var attributes = {
 id:"flash_cloud"
 };
 swfobject.embedSWF("tagcloud.swf?r="+rnumber,
 "tags", "100%", "300", "9.0.0",
 "expressInstall.swf", flashvars,
 params, attributes);
 }

 window.onload=function(){
 var mytags="<tags>"
 +document.getElementById('tags').innerHTML
 +"</tags>";
 myTags(mytags);
 };
</script>

Все файлы качаем из предыдущего поста или по ссылке ниже и загружаем в корень сайта.
Flash облако тегов
Скачать исходники + Демо

После того, как мы успешно добавили облако тегов к нам в интернет-магазин, мы можем им полюбоваться…Стоп, куда делись пробелы между словами? — спросите вы. Эту проблемы решаем всего лишь комментирование единственной строки в файле tagging_functions.php:

$tag = str_replace( ' ', ' ', esc_html( $tag ) );

Все, на этом наши труды заканчиваются. Если статья помогла — напиши коммент, если у тебя есть решение лучше — пиши коммент!
Всем спасибо за внимание! =)

Есть вопрос? Что-то не понятно в статье? Хочешь отблагодарить? Пиши комментарий!
Если тебе понравилась статья, а тем более если еще и помогла - поставь +1 и нажми "Мне нравится"!

(169 оценок, среднее: 5,00 из 5)

Tweet