Долго не писал в свой блог, ибо ничего интересного, не было.
И вот появилось! Итак, ближе к теме.

При разработке очередного проекта понадобилось изменить параметры некоторых html элементов. В связи с отсутствием доступа к исходному коду функции, которая выводила необходимую информацию, пришлось работать с JavaScript.

Задача
Генерируется меню категорий интернет-магазина на WP E-Commerce, и в соответствии с иерархией категорий необходимо было реализовать раскрывающееся меню.

Для этого необходимо было:

• Добавить необходимый параметр в определенные html элементы («li»)
• Удалить необходимый параметр из определенного html элемента («href»)
• Скрыть необходимые категории, которые являлись вложенными

Решение:
Для начала, в файле вывода меню wpsc-category_widget.php (wp-content/plugins/wp-e-commerce/wpsc-theme/) я реализовал вывод категорий таким образом, чтобы у каждого элемента, с которым я бы работал был уникальный id.

Реализация такая (25-60 строки файла wpsc-category_widget.php ):

<?php else : ?>
<div id="categorisation_group_<?php echo $category_id; ?>
" class="wpsc_categorisation_group">
<ul class="wpsc_categories wpsc_top_level_categories">
	<li id="nikshack-<?php echo $curr_cat['term_id']; ?>" class="wpsc_category_<?php echo $curr_cat['term_id']; wpsc_print_category_classes($curr_cat); ?>" style="color: #4f647f; cursor: pointer;">
<?php if(! ($category_image == WPSC_CATEGORY_URL) ){ ?>

<?php } ?>

<?php echo esc_html( $curr_cat['name'] ); ?>
<ul class="wpsc_categories wpsc_second_level_categories">
<ul class="wpsc_categories wpsc_second_level_categories">
	<li id="nikshack-<?php wpsc_print_category_id();?>" class="wpsc_category_<?php wpsc_print_category_id(); wpsc_print_category_classes_section();?>">
<a id="nikshack-l<?php wpsc_print_category_id();?>" class="wpsc_category_link" href="<?php wpsc_print_category_url(); ?>">

<?php wpsc_print_category_name(); ?>

<?php if ( 1 == get_option( 'show_category_count') ) wpsc_print_category_products_count( "(",")" ); ?>

</a>

<?php wpsc_print_subcategory( '<br ?>
<ul class="third" style="display: none;">', '</ul>
' ); ?></li>
</ul>
</ul>
</li>
</ul>
</div>
<?php endif; ?>

После этого посмотрел какие категории находятся в какой иерархии, открыв страницу и посмотрев исходный код.
И после этого написал Javascript для удаления параметров href для ссылок и добавление параметров onclick для элементов списка li.

Код получился не громоздким и не очень сложным, хотя новичкам пригодится.

JavaScript:

<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
 document.getElementById('nikshack-4').setAttribute("onclick", "$(this).children().show();");
 document.getElementById('nikshack-5').setAttribute("onclick", "$(this).children().show();");
 document.getElementById('nikshack-9').setAttribute("onclick", "$(this).children().show();");
 document.getElementById('nikshack-14').setAttribute("onclick", "$(this).children().show();");
 document.getElementById('nikshack-15').setAttribute("onclick", "$(this).children().show();");

 document.getElementById('nikshack-l14').removeAttribute("href");
 document.getElementById('nikshack-l15').removeAttribute("href");

 document.getElementById('second-4').style.display = "none";
 document.getElementById('second-5').style.display = "none";
 document.getElementById('second-9').style.display = "none";

 });
// ]]></script>

Первые пять строк добавляют функцию onclick для всех категорий, имеющих вложенные категории. Последующие две удаляют параметр href у тех категорий которые вложены и имеют еще вложенный список. Последние три строки — прячем все дочерние списки. К сожалению третьего уровня списки пока не решил как прятать через JS и просто вписал style=»display:none;» для них в исходнике.

Для чего я написал такую простую на первый взгляд статью?
Все просто, шаблон виджета списка категорий для WP E-commerce имеет достаточно странную структуру.

Основные разделы 1-ого уровня вы можете редактировать как хотите. А вот со вторым уровнем по сложнее, ибо все изменения примененные ко второму уровню (например, попробуйте удалить для ссылок на категории второго уровня параметр href, и у вас у категорий третьего уровня так же пропадет этот параметр) будут применены к категориям третьего. Как я понял ссылки на категории третьего уровня генерируются по примеру (шаблону) категорий второго уровня.

Вроде все, спасибо за внимание! Пишите, если что-то не понятно, или нужна помощь.
Понравилась статья? Поставь +1

Сегодня, я расскажу, как можно предоставить пользователю выбрать количество товара из списка, который вы сами сформируете на основе своих потребностей или кол-ве продаваемого товара в упаковке. И мой пример подразумевает разное количество товаров в упаковке для разных категорий товара. Это пригодится для людей, которые держат оптовые интернет-магазины.

Итак, приступим.

Для начала, выберем (если еще не выбрано) в настройках нашего магазина (Параметры => Магазин => Презентация) возле поля «Добавить количество полей для каждого описания товара» — «Да».

После чего ищем следующие файлы:

• wpsc-products_page.php
• wpsc-single_product.php

в каталоге: wp-content/plugins/wp-e-commerce/wpsc-theme/

После этого, как показано в предыдущей статье (Кратная покупка товара WP E-commerce) , добавляем вспомогательную переменную в эти файлы:

$var = wpsc_breadcrumb_url();

И ищем в этих двух файлах функцию мульти-добавления в корзину. Найти ее можно легко по следующему условию:

<?php if(wpsc_has_multi_adding()): ?>

Тут вы видите несколько тегов Input. Некоторые из них спрятаны, и один виден и определен как text. Для того чтобы человек мог выбрать из определенных вами «упаковок» мы переделываем input в select и соответственно вписываем туда свои варианты. (Не забываем тегу select присвоить те же name и id что были и у тега input!!!).

Мой пример подразумевает под собой определенное количество товара в упаковке для КАЖДОЙ категории. Для этого и нужна вспомогательная переменная и проверка, которую я рассматривал в предыдущем посте (Кратная покупка товара WP E-commerce).

Если у вас во всех категориях один вариант кратности, то можно без проверок, просто вместо тега Input:

<select id="wpsc_quantity_update_<?php echo wpsc_the_product_id(); ?>" name="wpsc_quantity_update">
<option value="20">20</option>
<option value="40">40</option>
<option value="60">60</option>
<option value="80">80</option>
<option value="100">100</option>
</select>шт.

Если же все-таки в каждой категории своя кратность покупки товара, то делаем следующую проверку:

<?php if (eregi("/(название-категории, в том виде, которую воспринимает сервер)/",$var)){
 ?>
<select id="wpsc_quantity_update_<?php echo wpsc_the_product_id(); ?>" name="wpsc_quantity_update">
<option value="20">20</option>
<option value="40">40</option>
<option value="60">60</option>
<option value="80">80</option>
<option value="100">100</option>
</select>шт.
<?php
 }elseif (eregi("/( название-категории2, в том виде, которую воспринимает  сервер)/",$var)){
 ?>
<select id="wpsc_quantity_update_<?php echo wpsc_the_product_id(); ?>" name="wpsc_quantity_update">
<option value="2">2</option>
<option value="4">4</option>
<option value="6">6</option>
<option value="8">8</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>шт.
<?php
 }elseif (eregi("/(название-категории3, в том виде, которую воспринимает  сервер)/",$var)){
 ?>
<select id="wpsc_quantity_update_<?php echo wpsc_the_product_id(); ?>" name="wpsc_quantity_update">
<option value="60">60</option>
<option value="120">120</option>
<option value="180">180</option>
<option value="240">240</option>
<option value="300">300</option>
<option value="600">600</option>
</select>шт.
<?php
 }else{ // Оставляем на всякий случай поле для ввода количества, в случае четвертой категории, которой не требуется кратность.
 ?>
<input type="text" id="wpsc_quantity_update_<?php echo wpsc_the_product_id(); ?>" name="wpsc_quantity_update" size="2" value="1"/>
<?php
 }
 ?>

Как видит русский текст браузер (я, например, смотрю на ссылку через Opera DragonFly):
"без-рубрики" = "%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8"

Вроде все. Если возникают вопросы или затруднения — пишите мне в комменты. Если помогло, буду благодарен за «+1» от google или за хороший коммент =).
Всем спасибо за внимание, удачного кодинга!

Проблема состоит в том, что в админ-панеле, в разделе «Товары», не отображается корректно список всех категорий магазина.

Сегодня мы это исправим! Итак, функция вывода списка категорий для фильтра реализована в файле display-items.page.php, который находится по адресу: wp-content/plugins/wp-e-commerce/wpsc-admin/
Итак, находим нужную нам функцию на строке ~285 под названием wpsc_cats_restrict_manage_posts_print_terms.

И вносим свои изменения и корректировки:

вместо

	$terms = get_terms( $taxonomy, array( 'parent' => $parent ) );
	if( !($terms instanceof WP_Error) && !empty($terms) )

пишем

	$terms = get_terms( $taxonomy, array('hide_empty'=>0, 'parent'=>$parent));
	if( !($terms instanceof WP_Error) && !empty($terms) ){

и не забываем добавить } (фигурную скобку) в конце функции.

Вот как выглядит готовая функция:

function wpsc_cats_restrict_manage_posts_print_terms($taxonomy, $parent = 0, $level = 0){
	$prefix = str_repeat( '   ' , $level );
// Закоментируйте, ибо может пригодиться
//	$terms = get_terms( $taxonomy, array( 'parent' => $parent ) );
//	if( !($terms instanceof WP_Error) && !empty($terms) )

// То что вставили, чтобы знали что удалить потом =)
	$terms = get_terms( $taxonomy, array('hide_empty'=>0, 'parent'=>$parent));
	if( !($terms instanceof WP_Error) && !empty($terms) ){
// Конец хака
		foreach ( $terms as $term ){
			echo '<option value="'. $term->slug . '"', ( isset($_GET[$term->taxonomy]) && $_GET[$term->taxonomy] == $term->slug) ? ' selected="selected"' : '','>' . $prefix . $term->name .' (' . $term->count .')</option>';
			wpsc_cats_restrict_manage_posts_print_terms($taxonomy, $term->term_id, $level+1);
		}
		}
}

Вроде на этом и все. Спасибо за внимание, и за то что читаете мой блог. Пробуем, пишем отзывы, если помогло — говорим «Спасибо»!
Всем удачного кодинга!

Итак, собственно как добавить 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 ) );

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

Установлен был WordPress и E-commerce. Начал копаться в коде.

Итак, как сделать покупку кратной? Чтобы человек сразу покупал не единицу товара а к примеру 5 или 10 штук. Такое можно встретить допустим в оптовом интернет-магазине, по-этому я считаю что данная статья может кому-то пригодиться еще. Возможно мой метод не корректный, но он рабочий, если у кого есть еще идеи — пишите, буду рад.

Все что нам необходимо, это найти в файле ajax.functions.php в папке: wp-content/plugins/wp-e-commerce/wpsc-includes/

строки:

function wpsc_add_to_cart() {
global $wpdb, $wpsc_cart;
/// default values
$default_parameters['variation_values'] = null;
$default_parameters['quantity'] = 1;
$default_parameters['provided_price'] = null;
$default_parameters['comment'] = null;
$default_parameters['time_requested'] = null;
$default_parameters['custom_message'] = null;
$default_parameters['file_data'] = null;
$default_parameters['is_customisable'] = false;
$default_parameters['meta'] = null;
........

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

В этих строках нам нужна лишь одна

$default_parameters['quantity'] = 1;

Тут указано количество товара по-умолчанию. Это количество можно изменить на любое, какое вам будет угодно.
Но! Бывает такое, что для какой-то категории товара необходима кратность покупки N числу, а не 1, а для другой нет. Что же делать?

В данной связке есть функция «хлебные крошки» (wpsc_breadcrumb) ее мы и будем использовать для определения принадлежности продукта к той или иной категории, для установления кратности покупки.

Итак, используем функцию wpsc_breadcrumb_url , на сколько я понял она выводит путь к корневому каталогу магазина. К примеру http://your-url.com/products-page/ваша-категория/

Таким образом нам станет известно из этой функции корневую папку, для определения родительской папки можно просто воспользоваться функцией wpsc_output_breadcrumbs(); .

Как она нам поможет?
Запишем возвращаемое значения нужной функции в любую переменную в файлах wpsc-products_page.php и wpsc-single_product.php:

$var = wpsc_breadcrumb_url();

После этого находим в форме для товара строки:

<input type="hidden" value="add_to_cart" name="wpsc_ajax_action" />
<input type="hidden" value="<?php echo wpsc_the_product_id(); ?>" name="product_id" />

И вставляем после них строку:

<input type="hidden" name="hack" value="<? echo $var; ?>" />

Теперь в нашем файле ajax.functions.php  можно поставить обычную проверку, например:

if (eregi("/(категория-1)/",$_POST['hack'])){
$default_parameters['quantity'] = 20;
}elseif (eregi("/(категория-2)/",$_POST['hack'])){
$default_parameters['quantity'] = 5;
}else{
$default_parameters['quantity'] = 1;
}

Только кириллица должна быть в формате:

"без-рубрики" = "%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8"

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

UPD: Кратная покупка товара WP E-commerce с выбором количества товаров