WP – SHOP. Интернет магазин на WordPress.

WP-Shop плагин интернет магазина для WordPress.
WP-SHOP — плагин для создания на базе WORDPRESS интернет-магазина. Идея заключается в следующем: товар описывается в виде обычных записей. Группы товаров представлены в виде рубрик. Описание товара отличается от обычных записей блога по дополнительному полю в котором находится цена товара. В результате пользователь получает гибкую систему — возможность создания полноценного интернет-магазина или создание интернет-магазина при блоге. Разработчики россияне и это дает надежду на отсутствие проблем с кодировками. На сайте присутствует подробная пошаговая инструкция по установке и настройке плагина и его модулей. Проблемы возникающие по ходу эксплуатации плагина можно решить пообщавшись с разработчиками, реагируют на сообщения быстро, стараются помочь и в безнадежных случаях. Многие ошибки не связаны с работой плагина, а являются результатом неправильного ввода данных товара, ограничения описаны в инструкции, так что читаем внимательно.
Без помощи документации и материалов с сайта разработчика установить плагин впервые практически невозможно, но запомнив несколько ключевых особенностей работы плагина, потом можно делать все очень быстро и просто.
Совместимость.
Плагин успешно рабтает на WordPress 3.1.4, вместе с необходимым для работы формы заказа плагином cformsII 10-й версии. Предварительный запуск и тестирование на WordPress 3.2 не выявил неполадок в работе.
Установка WP-Shop.
Распаковать в папку с плагинами и активировать из панели администратора. Установить надо два плагина, они поставляются в одном архиве, который скачивается с сайта. Wp-shop — непосредственно скрипт магазина и cforms — плагин для создания формы заказов. Версия cformsII не самая последняя но она стабильно работает с плагином wp-shop и ее не требуется обновлять. На этом установка необходимых плагинов заканчивается и начинается процесс формирования каталога товаров.
Ввод товаров.
Описание товара вводится как обычная запись WordPress. ! При вводе заголовка записи нельзя использовать кавычки ни двойные ни одинарные, в будущих версиях плагина это будет исправлено. Для того чтобы wp-shop воспринимал запись как товар необходимо добавить цену. Для ввода цены создается произвольное поле записи: cost_1 В поле вводится цена в виде: ххх.хх ! Никаких разделителей разрядов применять нельзя, целая часть цены набирается подряд, без пробелов. Копейки дробная, часть отделяются точкой. Значение денежной единицы не вводится, оно добавляется автоматически. Пример правильного ввода: 10300 1032.19 33.00 Для добавления описания к полю cost_1 может быть добавлено поле name_1. У одного и того же товара может быть свойство влияющее на цену, например вес, цвет или комплектация, для того чтобы не создавать копию товара с другим весом/цветом можно добавить дополнительную ценовую позицию в уже имеющееся описание. Это осуществляется введением дополнительных полей: cost_2 name_2Индексы полей должны совпадать, проверялось добавление 5 ти свойств с ценами, наверняка можно и больше, но пока не потребовалось. В этих полях указывается свойство товара и его цена, соответственно покупателю будет представлена таблица с несколькими ценами.
Изменение денежной единицы в WP-Shop.
По умолчанию плагин использует в качестве денежной единицы российский рубль (руб). Для изменения денежной единицы придется подредактировать два файла входящие в состав плагина: wp-shop.php wp-shop.js Значения денежных единиц находятся в начале файлов. Изменить денежную единицу можно на любом этапе работы с плагином.
Корзина покупателя.
Корзину покупателя можно добавить в виде текстового виджета с содержимым: [minicart] Теперь при добавлении товара он будет показан в корзине в виде названия, количества, суммы по товару и общая сумма заказа. Чтобы виджет смотрелся красивее можно добавить картинку корзины (в папке плагина уже лежит много красивых корзинок). Товар с ценой равной «0» не будет добавляться в корзину. Для изменения надписи на виджете корзины «Ваша корзина пуста», нужно отредактировать либо wp-shop.php либо wp-shop.js, сам не редактировал, пока не было такой необходимости, но на всякий случай метод надо запомнить.
Создание формы заказа и подключение к WP-shop.
Форма заказа реализуется при помощи плагина cformsII. Разработчики плагина WP-shop рекомендуют использовать версию cformsII 10, как наиболее стабильно работающую, но эта версия давно устарела и на сегодняшний день cformsII уже получил номер 11.7.3. Плагин WP-Shop работает только с 10-й версией cformsII 10. Для того чтобы плагин магазина использовал форму заказа обязательно первым полем формы задать невидимое поле «Заказ», обязательно с большой буквы. Остальные поля задаются по желанию заказчика. В названии формы нельзя использовать русские буквы, название должно быть на английском языке. Отправку писем желательно организовывать в HTML, тогда в письме заказанные товары будут представлены в виде таблицы. Для использования созданной формы отправки в плагине WP-shop ее нужно выбрать в режиме настройки плагина в поле «Доступные формы». Для добавления формы заказа и корзины в запись или на страницу использовать в визуальном режиме:
Проблемы при использовании:
При переходе в админке к странице виджетов, тема выдавала ошибку и на странице виджетов пропадала русская кодировка, соответственно управлять виджетами приходилось наугад. Лечение проблемы заключалось в смене темы на стандартную и после настройки виджетов возврат к рабочей теме. Причина проблемы крылась в конфликте cformII и темы, при отключении плагина cformII, управление виджетами работало с правильной кодировкой. Возможная причина проблемы устаревшая версия cformII, требует проверки. После общения с разработчиками выяснилось, что использование более новых версий плагина cformsII на данном этапе невозможно. Решение проблемы с кодировкой страницы виджетов решилось файлом .htaccess содержащий: AddDefaultCharset UTF-8. Файл поместить в каталог с WordPress или добавить строку в уже существующий.
Витрина.
Режим показа товара в виде таблицы размер задается пользователем. Очень удобный способ представления товара. ! Для правильного формирования витрины на последующих страницах необходимо изменить вид ссылок с «по умолчанию» на любой другой. Если этого не сделать, то все остальные ссылки на другие страницы витрины будут перенаправлять на главную страницу сайта. Разработчики планируют исправить проблему в ближайшее время. Порядок вывода товара в витрине определяется датой ввода записи, если необходимо вывести товар на первые страницы, то необходимо изменить дату публикации. Для добавления витрины необходимо вставить специальный комментарий:
<!—vitrina ярлык_метки колво_столбцов высота колво_строк длина_текста—>
ярлык_меню — метка по которой будет осуществляться выборка товара колво_столбцов — количество столбцов/колонок выводимой витрины высота — высота блока товара выводимого в витрине колво_строк — число строк с товарами длина_текста — краткое описание товара берется из дополнительного поля short_text, а при его отсутствии берет текст из записи. Пример:
<!—vitrina серебро 3 430 2 150—>
Скрипт витрины обрабатывает дополнительные поля: piс — поле содержит html код для добавления картинки, flash, видео или java скрипта, это поле пока единственный способ добавления картинки товара в витрину. short_text — содержит краткое описание товара, оно может отличаться от описания применяемого в основной записи.
При работе с витриной было замечено несколько проблем:
1. Метки состоящие из двух и более слов не обрабатываются. 2. Не все метки группируются в витрину, витрина отказывается видеть некоторые метки или видит выборочно, например: из пяти товаров с одинаковыми метками только 3 попадают на витрину. Чтобы решить эту проблему пришлось добавить другой набор меток в группу товаров. Точная причина появления проблемы неизвестна.
Слайдер.
Режим представления товара Слайдер.
Вывод цены в описании товара.
Внешний вид ценника изменяется из панели управления плагином. В поставке присутствует довольно много наборов стилей, но даже при таком обильном выборе подобрать полезную схему будет не просто. Единственным решением будет подобрать близкую схему и отредактировать под цвет и размеры применяемой темы WordPress.
Ведение базы заказов.
Используя плагин cformsII 10 можно организовать хранение заказов в базе данных, для этого необходимо выбрать в меню управления плагином пункт «Общие настройки». На открывшейся странице перейти в пункт «Запись в базу данных» и поставить галочку «Включить сохранение в базу данных». После сохранения настроек в меню управления плагином появится пункт «Отслеживание», который открывает доступ к таблицам базы данных накапливающих данные заказов. Из пункта «Отслеживание» можно также удалять ненужные заказы. При просмотре записи в базе заказов кодировка была неверной и записи были нечитабельны.
Решение проблемы с кодировкой решилось файлом .htaccess содержащий: AddDefaultCharset UTF-8. Файл поместить в каталог с WordPress.
Для добавления порядкового номера заказа можно использовать конструкцию {ID}в шаблонах писем администратору (добавить в настройках формы отправки плагина cformsII).
Минимальная сумма заказа в WP-Shop.
Минимальная сумма заказа необходима для сохранения экономической целесообразности продажи товара с необходимым уровнем прибыли. Далеко не всегда выгодно отправлять клиенту копеечный товар, поэтому возможность введения минимальной суммы покупки достаточно важная функция. Можно конечно обойтись банальным предупреждением на страничке оформления, что собственно и делал ранее, но раз имеется такая функция, то почему бы и не сделать процесс более солидным.
Для добавления минимальной суммы заказа необходимо на странице оформления добавить дополнительное поле minzakaz, в котором указать минимальную сумму покупки. Естественно что для информативности этого не достаточно и поэтому существует второе поле minzakaz_info, в которое добавляется html код сообщения для клиента, например такое:
<h2>Минимальный заказ — 600грн. Пожалуйста, добавьте в корзину что-нибудь еще.</h2>
Все как бы хорошо, но есть один момент который желательно учесть:
Если клиент решил добавить некоторое количество товара для увеличения суммы заказа, то сумма заказа пересчитается автоматически, но сообщение о минимальной сумме не пропадет, хотя заказ уже будет проходить по условиям стоимости. В этом случае необходимо обновить страницу и вполне подойдет такой вариант для поля minzakaz_info:
<h3>Минимальный заказ — 600грн. Пожалуйста, добавьте в корзину что-нибудь еще.</h3>
<a title=»Пересчитать заказ» href=»http://свой домен/wordpress/oformit-pokupku/»><strong>Пересчитать заказ</strong></a>
Проблемы и ошибки WP-Shop.
1. При добавлении товара перебрасывает к началу страницы, товар в корзину не попадает.
Подобная ситуация возникает при использовании кавычек в заголовке записи товара или в поле name_xx описания свойства товара.
Примеры.
Результат работы с wp-shop, блог-магазин украшения из серебра: http://silverage.com.ua/ Demo сайт wp-shop с возможностью доступа в админку (логин demo/d@mo): https://www.wp-shop.ru/demo/wp-admin/
Что пока не удалось реализовать при помощи плагина WP-shop:
Задача первая — у товара может быть два свойства влияющих на цену, например цвет камня и размер кольца. Эти параметры должны попадать в заказ, чтобы знать какого цвета и какого размера кольцо делать клиенту, если цветов и размеров будет по 5 штук то получается 25 различных вариантов цены. Разумного оптимального решения пока нет, придется лепить цены на все варианты. Вторая задача сходная — есть цвет камня, но он не влияет на цену, так как все изделия имеют одинаковую цену не зависимо от цвета. Но цвет важен для покупателя и продавец должен об этом знать дабы не отправить кольцо с черным камнем вместо гранатового. Можно конечно сделать несколько одинаковых цен в зависимости от количества цветов, но тут опять в игру вступает размер влияющий на цену кольца. Опять количество позиций товара растет значительно. Обе задачи могут быть реализованы на плагине магазина E-Commerce при помощи «вариаций». Имеется баг, при котором в корзину не добавляется указанное в поле «количество» число покупаемых предметов, добавляется только один товар. Баг известен, но когда он будет исправлен остается только гадать. Баг присутствует и на демо сайте wp-shop, но на одном из готовых сайтов магазина он исправлен. В данном материале описаны далеко не все возможности плагина, проект перспективный и интересный, а со временем станет и востребованным, так как подобных аналогов построения магазина при блоге с таким функционалом и бесплатно — пока не существует.
Оффсайт разработчиков плагина:
КУПИТЬ ЭТОТ ТОВАР:
jQuery(document).ready(function(){
jQuery(‘.dob’).click(function(e){
e.preventDefault();
var color=parseFloat(jQuery(‘.color’).val());
var size=parseFloat(jQuery(‘.size’).val());
var line=parseFloat(jQuery(‘.line’).val());
var summa=color+size+line;
addtocart(jQuery(‘.id_post’).val(), ‘Цвет: ‘+jQuery(‘.color :selected’).text()+’, Размер: ‘+jQuery(‘.size :selected’).text()+’, Ширина: ‘+jQuery(‘.line :selected’).text(), jQuery(‘.link_post’).val(), summa, 1,’1′);
});
});
Размер
36 (+100 руб.)
38 (+200 руб.)
40 (+300 руб.)
Цвет
Красный (+10 руб.)
Чёрный (+20 руб.)
Зелёный (+30 руб.)
Ширина
100мм (+1000 руб.)
200мм (+2000 руб.)
300мм (+3000 руб.)
<input type='hidden' name="wpshop-good-title-» value=» class=»title_post» />
<input type="hidden" class="id_post" value="» />
<input type="hidden" class="link_post" value="» />
Кол-во: <input class="count" style='width:45px;' maxlength='3' type='number' value='1' name='goods_count__1′ size=’3′ />
Задача первая — у товара может быть два свойства влияющих на цену, например цвет камня и размер кольца.
Решено уже мною давно )
Здравствуйте! Товары строятся на основе обычных записей WordPress , к которым, при указании цены, добавляется ценник и кнопка «купить». Плагин магазина работает на любых стандартных темах для WordPress
Добрый день. Товары могут строиться на основе любых пользовательских типов, по крайней мере раньше именно так и было. Можно было использовать свой собственный тип записи для товаров. В новой версии, скорее всего, эта возможность осталась.