Первые шаги с WP-Shop, или простой интернет-магазин на вп за полчаса

Для крупных интернет-магазинов существуют специальные CMS; мне, например, нравится работать с бесплатной OpenCart. Но для небольших, которые даже и интернет-магазинами можно назвать условно, достаточно возможностей плагинов, расширяющих функционал имеющейся системы.

Вот сейчас, к примеру, я работаю над одним проектом, который нельзя отнести ни к чисто интерне-магазинам, ни чисто к блогам, ни к сайту-визитке, ни к лэндингу – смесь всего, что можно. Главная страница – это лэндинг, внутренние – блог и магазин, но тоже со всяким наворотами. Для такого небольшого проекта я решил попробовать плагин для вордпресс - WP-Shop. В этой заметке я пробегу основные момент работы с ним; забегая вперед, скажу, что он мне понравился.

Сам по себе плагин WP-Shop не работает в одиночестве – для него (и до него) необходимо установить cforms2 – установить и активировать. Не надо его русифицировать (как пишут разработчики WP-Shop), в последней версии (на момент написания статьи это 14.13.3) и так все на русском языке.

Далее, после установки и активации, создаем страницу с корзиной, в которую необходимо добавить как минимум один шорт-код:

[cart]

Сами странички товара – это записи, при создании их ниже появляется еще одна форма с опциями.



Теперь на странице товара появится вот такой вот блок



Нажав на тележку с товаром, получаем такое сообщение:



И, нажав «Оформить заказ» уже опадаем в самую настоящую корзину. Далее, можно пошаманить с настройками и сделать либо, чтобы просто письмо шло, либо использовать прямой шлюз для разных систем оплаты. Там куча настроек, но все на русском и понятно, так что проблем не должно возникнуть ни у кого.

Однако, вернемся к тому пункту, где мы выводили товар и щелкали «добавить в корзину». Если вы посмотрите исходный код этой ссылки, то увидите, что обработчик кнопки это простейшая функция JavaScript:

<a href="#" onclick="addtocart('291', '', 'http://upread.ru/tovar/', '1600', document.getElementById('goods_count_291_1').value, '1',''); return false;" class="arrow_button" alt="Добавить" title="Заказ"></a>

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

Например, предположим, что мы создали товары в отдельной рубрике, так и назвали её – товары. Выведет всех их вот такой простой код:

$cat_name = "товары";
$id = get_cat_ID( $cat_name );
$recent = new WP_Query("cat=$id ");
while($recent->have_posts()) : $recent->the_post();
the_content();
endwhile;

Что мы делаем в этом коде? Просто сначала определяем ид рубрики, затем в цикле вводим содержимое страниц (the_content();) товаров. Обращаю ваше внимание, что правильно именно «the_content();», а не «echo the_content();» – многие путаются в этом моменте. А что, если нам надо извлечь цену товара? Это просто:

$meta_values = get_post_meta(get_the_ID(), 'cost_1');
echo $meta_values[0];

Теперь, пользуясь всей информацией выше, можно легко сделать для каждого товара на страничке свою кнопку «Купить»:

print <<<HERE
a href="#" onclick="addtocart('
<<<HERE;
echo get_the_ID();
print <<<HERE
', '', '
HERE;
the_permalink();
print <<<HERE
', '
HERE;
echo $meta_values[0];
print <<<HERE
', document.getElementById('goods_count_
HERE;
echo get_the_ID();
print <<<HERE
_1').value, '1',''); return false;" class="arrow_button " alt="Добавить" title="Заказ">Купить</a>
HERE;

В следующих статьях я немного углублюсь в плагин WP-Shop, но уже сейчас, буквально за полчаса мы прикрутили корзину к сайту.

Вот так просто и быстро можно сделать небольшой интернет-магазин на базе любого блога вордпресс. А если вам не хочется со всем этим разбираться, то пишите мне на почту up777up@yandex.ru или добавляйтесь сразу в скайп up777up2. За небольшое денежное вознаграждение я с удовольствием вам помогу.