WooCommerce — плагин электронной коммерции для WordPress
Сегодня снова вернемся к WordPress и кратко ознакомимся с плагином WooCommerce, который прекрасно справится с задачей создания интернет-магазина на WordPress.
Почему именно WooCommerce, а не какой-то другой плагин? Все просто, мне он нравится больше других. Тот же Jigoshop, который является прародителем WooCommerce хромает в плане своей недоработки для русскоязычного пользователя, e-commerce условно бесплатен, в общем, мне именно этот плагин больше по душе, чем все остальные. Так что, если вы уже опробовали другие плагины для создания магазина на WordPress и они вам не подошли по каким-либо причинам, то стоит обратить внимание на WooCommerce, так как он продуман, приятен в управлении и прост в настройке.
Итак, для того, чтобы начать использовать данный плагин, его сначала необходимо скачать с официального сайта. Для скачивания потребуется регистрация, бесплатная и неутомительная. Также на woothemes.com есть в бесплатном доступе три шаблона для интернет-магазина под этот плагин. Но плюс плагина в том, что он прекрасно работает на любой теме.
Скачав плагин, загружаем его на свой сайт и активируем. После активации в панели инструментов обнаруживаем новые вкладки:
Для начала отправляемся по вкладкам WooCommerce — Настройки для того, чтобы настроить работу модуля под свои собственные нужды.
В самом верху видим вкладки, отвечающие за различные стороны плагина:
1. Общие:
Наиболее важна эта вкладка тем, что именно здесь мы задаем регион работы нашего магазина и выбираем валюту магазина.
Немного подробнее о валюте.
К примеру, той же гривны в списке валют нет. Как же исправить это упущение? Для этого придется проделать несколько манипуляций в коде сайта и непосредственно самого плагина.
Открываем файл functions.php, который находится в теме сайта (wp-content/themes/ваша тема/functions.php) и добавляем в него следующий код:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
add_filter( 'woocommerce_currencies', 'add_inr_currency' ); add_filter( 'woocommerce_currency_symbol', 'add_inr_currency_symbol' ); function add_inr_currency( $currencies ) { $currencies['UAH'] = 'UAH'; return $currencies; } function add_inr_currency_symbol( $symbol ) { $currency = get_option( 'woocommerce_currency' ); switch( $currency ) { case 'UAH': $symbol = '??N€??.'; break; } return $symbol; } |
Теперь переходим к файлам плагина:
wp-content\plugins\woocommerce\admin\settings\settings-init.php
и ищем список всех валют (строка 43-44), добавляем строку с гривной
|
1 |
'UAH' => __( 'Ukraine (UAH)', 'woocommerce' ), |
в файл wp-content\plugins\woocommerce\woocommerce-core-functions.php также вносим изменения — добавляем вывод грн. после цены
|
1 |
case 'UAH' : $currency_symbol = 'РіСЂРЅ.'; break; |
Теперь в админке, в списке валют появилась гривна, которую мы можем выбрать как валюту магазина.
2. Каталог:
В разделе «Каталог» мы настраиваем размер изображений товара, настраиваем цены: задаем расположение «грн.», настраиваем тысячные и десятичные , указываем измерения веса, размеров, сортировку товара и т.д.
3. Страницы:
Здесь мы выбираем страницы, отвечающие за вывод товара, личный кабинет покупателя, корзины. По всему разделу множество подсказок, которые помогут, в случае чего, разобраться что к чему.
4. Инвентаризация:
здесь решаем необходимо ли нам отображение наличия товара или нет.
5. Налог:
если вы учитываете налоги в своем интернет-магазине, то вам в этот раздел.
6. Доставка:
варианты доставки, предлагаемые плагином, следующие:
[tooltip title=»» content=»Единые ставки позволяют определять стандартную ставку за позицию или весь заказ.» type=»classic» ]Единые ставки[/tooltip] [tooltip title=»» content=»Международная доставка на основе единой ставки доставки. То же, что и первый вариант, только для большего кол-ва стран.» type=»classic» ]Международная доставка[/tooltip] [tooltip title=»» content=»Этот вариант удобен в том случае, когда магазин берет оплату доставки на себя или когда стоимость доставки уже включена в стоимость товара.» type=»classic» ]Бесплатная доставка[/tooltip] [tooltip title=»» content=»Местная доставка — это простой метод доставки товаров в пределах города или района.» type=»classic» ]Местная доставка[/tooltip] [tooltip title=»» content=»Самовывоз — это простой метод, позволяющий клиенту указать в заказе его желание лично забрать товар со склада или из офиса.» type=»classic» ]Самовывоз[/tooltip]Для того, чтобы активировать необходимые варианты доставки, необходимо зайти в каждую из них и отметить чекбокс активации.
7. Платежные шлюзы:
Это немаловажный раздел, в котором настраивается оплата товаров. В наличии несколько вариантов оплаты: Банковский перевод, Оплата чеками, PayPal, Наличными и Credit Card. К сожалению, не все вышеперечисленное подходит для Украины или России, так как плагин все таки не рассчитан на русскоязычную аудиторию, то и методы оплаты американо-европейские. Но и из предложенного можно выбрать для себя пару-тройку вариантов и кое что переделать под себя.
Например, метод «Наличными» можно использовать для оплаты наложенным платежом, когда пересылаешь товар службами доставки. В настройках метода можно прописать все службы доставки, которыми Вы можете переслать покупателю товар или перечислить варианты оплаты, которые может использовать покупатель:
8. Emails:
настройки для отправки сообщений покупателям: указываем e-mail, добавляем логотип, задаем цвета шаблона письма.
9. Интеграция:
статистика от Google — этот раздел именно для нее.
Теперь взглянем на страницу добавления товара, для этого пройдем по вкладкам Products/Добавить товар.
Страница добавления товара очень похожа на страницу для добавления обычного поста, лишь за тем исключением, что под редактором мы находим ряд настроек для добавляемого товара.
В принципе, все настройки интуитивно понятны, так что добавить информацию о товаре не составит труда.
Вот так изнутри выглядит плагин WooCommerce, которым можно воспользоваться в случае надобности.
Подведем итог: плагин бесплатен, отлично доработан, руссифицирован и понятен настолько, что с ним разберется даже неискушенный пользователь WordPress. Удачных продаж)
Здравствуйте! В вашей статье интересно описан плагин woocommerce, я попробовала загрузить его и сталкнулась с неожиданной проблемой — непонятно как загрузить изображение товара в основную рамку, которая отображается на странице магазина и странице товара. Когда загружаешь картинки в редакторе на стр добавить товар, картинки располагаются вокруг основного этого белого изображения, но не внутри него! И получается, что на всю страницу белая заставка и вокруг нее различные изображения. Подскажите пожалуйста как же загрузить изображение в белую заставку (в документации плагина это изображение называется placeholder) ?
Алена, загрузка изображения товара в woocommerce осуществляется через «Характерное изображение», то есть тот элемент, через который в WordPress добавляются миниатюры к записям. В окно редактора изображения добавлять не стоит, так как в нужном блоке они не отображатся.
jul, поясните пожалуйста подробнее. У меня ничего не получается. На странице товара функции «добавить миниатюру» просто нет.
В самом низу страницы «Задать миниатюру»
Спасибо! Мне как раз для небольшого, начального магазинчика пригодится очень. Благодаря этой статье я его и выбрал после долгих сомнений и перебора информации во всем Интернете.
Единственное, что нужно исправить коды для вставки на сайт, чтобы отражалась гривна. Я вообще не силен в PHP, но увидел, что в кодах вместо значка ‘ — отражается `.
А чтобы понятней было тем, кто будет читать — в коде стоят (если присмотреться) верхние запятые, такие крючочком. А нужна только одна косая небольшая черточка.
Я это увидел в подсветке используемого мною Notepad2, где и редактировал файлы по предложенному примеру в этой статье.
Короче, может кому будет непонятно — установите Notepad2 и пробуйте в нем вносить изменения — сами увидите, что вносимый код без правки будет высвечивать не совсем так, как остальной код в файле.
Я сделал изменения и все работает!!!
Александр, благодарю за комментарий и замечание!
Суть в том, что код был добавлен ненадлежащим образом: код коректный, но редактор все прямые-английские кавычки поизменял на наши крючковатые и в итоге код был, так сказать, не работающим. Вот даже код, отправленный Вами, я не смогла разместить в комментарии, так как редактор и его испортил — все кавычки такие, какими быть не должны. Но на данный момент код в статье исправлен и теперь с его помощью можно смело добавлять гривну в магазин.
Удачи с магазином и еще раз благодарю за полезное замечание!
Здравствуйте!
Если Вас не затруднит (весь Инет переворошил, а может для кого-то это будет и ответом на его муки, подобные моим), в админке плагина в «Состояние системы» выдает ошибку на лимит памяти.
WP Memory Limit 40MB — We recommend setting memory to at least 64MB.
В php.ini виртуального хостинга стоит у меня лимит
memory_limit = 512M
Я пробовал в
.htaccess
и
wp-config.php
прописывать разные конструкции по увеличению — ничего, тишина…
Может вы знаете что можно сделать?
Ответ уже найден.
В файл wp-config.php перед строчкой
/* Это всё, дальше не редактируем. Успехов! */
добавлено
define(‘WP_MEMORY_LIMIT’, ’96M’);
и все заработало!
Здравствуйте, Александр!
Не успела я увидеть первый комментарий, как Вы уже отправили второй))
Спасибо Вам за важный и нужный вопрос и тем более спасибо за описанное решение проблемы!
Спасибо Александр, благодаря вам мне тоже удалось исправить лимит памяти в woocomerce.
:-) Мне ваш сайт понравился!
Благодарю! Приятно получать такие комментарии))
Здравствуйте. Подскажите пожалуйста, как справится. Установил Woocomerce, создал страницу с магазином, добавил товары, а на странице все разъехалось, отключил встроенные стили, но все равно все поломано, на других страницах все нормально. Как придти к человеческому стилю? Пробовал править страницу для отображения, вставляя код в цикл: ничего хорошего. Заранее спасибо.
Здравствуйте, Сергей.
Сложно что-то сказать не видя проблемы, но она точно в стилях. Возможно необходимо править css, добавляя свои собственные параметры.
К сожалению, повторюсь, большего сказать не смогу в силу отсутствия «картинки» перед глазами.
здравствуйте! установила woocommerce. все работает, но в заказе, когда переходишь в «оплатить заказ» пишет «ошибка заказа». все платежные шлюзы настроены. помогите, пожалуйста!!!!!
Здравствуйте, Ксения.
Ошибка может возникать в двух случаях: не настроен сам плагин либо какие-то проблемы с той платежной системой, которую подключаете. Проверьте все ли технические стороны плагина настроены как следует и нет ли проблем с Робокассой, которую Вы указали как один из варинтов оплаты в Вашем магазине. К сожалению, большего посоветовать не могу, так как на данный момент установленного WooComerce у меня нет.
Дорого дня
1. подскажите пожалуйста, как возможно отредактировать количество полей, которые автоматом выводятся клиенту при заказе товара?
их там слишком много, адрес, фамилия, имя, мыло, страна город и тп. Я бы хотел облегчить для клиента заказ и сделать всего 2-3 поля для заказа
2. Еще такой вопрос, у меня установлена сумма, при заказе на которую, доставка по городу — бесплатная. когда в корзине менее этой суммы, выводится стоимость доставки как единый вариант доставки, а когда клиент заказывает на большую сумму, где доставка бесплатная — выводится в корзине второй вариант доставки — Бесплатная доставка, то есть клиент выбирает либо заплатить, либо не платить .) как то странно получается, можно ли убрать возможность оплаты доставки при вхождение за порог бесплатной доставки?
Добрый день,
к сожалению, не смогу проконсультировать Вас по настройкам плагина, так как на данный момент установленного WooComerce у меня нет, я с ним не работаю.
Более подробную информацию Вы можете получить либо на официальном сайте в документации, либо в форуме поддержки.
Извините. Вы решили этот вопрос? я вообще хочу оставить только поля ФИО, Куда, email и телефон, чтобы не перегружать покупателя. А вот как убрать «Адрес доставки» из Woocommerce — я так и не понял. У вас получилось разобраться?
Добрый день!
Подскажите как указать вместо цены товара «под заказ»? Что бы сохранилась возможность отправить в корзину и оформить заказ.
Если просто удалить цену из товара то исчезает кнопка «добавить в корзину».
Спасибо
Добрый вечер. К сожалению, установленного woocommerce у меня на данный момент нет, не смогу помочь Вам с этим вопросом. Но, если чисто теоретически, то другие магазинные движки (тот же OpenCart, к примеру) позволяют указывать каждому отдельному товару статус типа «В наличии», «Под заказ» и т.д. Это я к тому, что можно вывести желаемую фразу «Под заказ», но при этом цену все же необходимо указывать — покупатель, по идее, должен видеть стоимость покупаемого товара…
Вирус в файле!!! Ссылка на сайт
Спасибо, всё очень подробно и понятно. У меня клиенты привыкли работать с вордпрессом, многие заказывают второй-третий сайт, пока всё было хорошо, но понадобился магазин, а я на WordPress никогда его не делал ( на мой взгляд OpenCart удобнее, но им магазин на WP проще будет освоить, чем изучать новый движок ) Попробую сделать, благо шаблоны для магазина на WordPress ( в том числе и премиум ) найти не сложно. Ещё раз спасибо
Спасибо, Сергей, за отзыв. Да, что касается магазинов, то я их создаю для заказчиков исключительно на OpenCart, но был такой заказчик, который захотел магазин на Joomla, пришлось осуществить его желание. Это я к тому, что кому-то люба Joomla, кому-то — WordPress, так что подобные плагины могут выручить в нужный момент.
Добрый день. Подскажите, пожалуйста, можно ли вместо кнопки «Добавить в корзину» под товаром, поставить картинку с изображением корзины? Как это сделать?
Спасибо.
Натали, у меня на данный момент нет возможности потестировать плагин. Но теоретически, сменить текст на картинку не составит труда: инспектируете код страницы товара, непосредственно кнопку. По идее это должнна быть button type=»submit», с классом имеющим в названии cart. Готовите изображение, закидываете его в папку с изображениями и в стилях прописываете это изображение для вышеупомянутого класса.
Установил плагин и тему для магазина, при нажатии кнопки добавить товар выходит ошибка — Фатальная ошибка : Вызов неопределенной функции wp_enqueue_media () линия 427
К сожалению, данный плагин не использую и не могу подсказать Вам в чем корень проблемы.
Здравствуйте! А подскажите, а можно ли делать несколько размеров на кровать допустим и от того какой ты размер выбрал, соответственно менялась цена?
Здравствуйте, Александр. Насколько мне известно, то в этом плане плагин ограничен, но зарекаться не буду, т.к. его не использую.
Для полноценного магазина с более или менее приличным функционалом я бы не использовала wordpress (хотя может я не в курсе свежих возможностей движка и прилагающихся плагинов этой направленности), так как его возможности и функционал во многом ограничены. Если иметь простой небольшой интернет-магазин, то его вполне можно создавать на woocommerce, но если речь идет о подобных настройках, о которых спрашиваете Вы, то тогда уж лучше использовать движок интернет-магазина, к примеру тот же OpenCart.
Здравствуйте, Александр. Насколько мне известно, то в этом плане плагин ограничен, но зарекаться не буду, т.к. его не использую.
Для полноценного магазина с более или менее приличным функционалом я бы не использовала wordpress (хотя может я не в курсе свежих возможностей движка и прилагающихся плагинов этой направленности), так как его возможности и функционал во многом ограничены. Если иметь простой небольшой интернет-магазин, то его вполне можно создавать на woocommerce, но если речь идет о подобных настройках, о которых спрашиваете Вы, то тогда уж лучше использовать движок интернет-магазина, к примеру тот же OpenCart.
Скажите, пожалуйста, где находится шаблон страницы Checkout — Pay? Там огромная кнопка «Отказаться от оплаты и вернуться в корзину». Никак не могу ее победить. Пытаюсь закрывать ее стилями, но не работает. Я бы ее вырезала, или местами бы поменяла с кнопкой «Оплатить», но не понимаю, где это сделать. И переименовать ее не могу, такой фразы нет в ru.po файле. Что делать?
Добрый день.
Подскажите, пожалуйста, при добавлении товара в корзину появляется ошибка «Пожалуйста, укажите опции товара…». При этом я выбираю нужный размер и нажимаю добавить в корзину.
Может вы знаете в чем может быть проблема? Эта проблема появилась на всех продуктах у которых в выбрано это свойство с размерами S,M,L,XL и т.д.
Сайт я написал
Евгений, к сожалению, не смогу Вам помочь так как с этим плагином не соприксалась уже более года, не помню ни его настроек ни тем более чего-то более существеного.
Здравствуйте!
Почему то не могу сделать заказ.
Все время выводит:
Ошибочный платежный метод.
Пожалуйста помогите!
К сожалению, не могу помочь — не использую данный плагин.
Доброго времени суток.
Возможно Вы сможете помочь решить проблему — не могу создать новый товар и категорию. Нажимая на «Добавить товар» — открывается чистая (белая) страница. Вменяемой инфы не нашел… Даже не понимаю где проблема — ВП, ВуКомм, хостинг, пр…
Заранее благодарю.
К сожалению, с плагином не работаю, не смогу помочь в этом вопросе.
Здравствуйте! У меня такая проблема. При оформлении заказа из корзины не могу пройти к оплате. А также не загружается аккаунт! все правильно прописано, страницы все связаны с плагином. но ничего не получается. пробовал разные шаблоны. все равно не получается. instrumentzatak.com хотел уже товар заливать и дизайн делать. вовремя спохватился! помогите!!!
Лев, к сожалению, помочь не могу — обзор плагина делала давно, к тому же плагин не использую.
Добрый ночи! Помогите мне нужно чтобы цены были на предоставлении услуг а не товаров,можно ли изменить название «Добавить в корзину» на «Заказать услугу» ?
Я так понимаю, речь идет о кнопке «Купить»? Если о ней, то зайдите в языковой файл catalog\language\ukrainian\ukrainian.php и измените на ту фразу, которая Вам необходима. Да и вообще, в чем прелесть opencart, так это в упорядоченности языковых файлов — перевести и переименовать можно все, что угодно.
Здравствуйте! При отправки на mail стандартной контактной формы woocmmerce, заполненной на русском
приходят иероглифы… при заполнении формы на англ. все отображается нормально… подскажите пжл. как сделать форму читаемой на русском языке?
Евгений. не подскажу какой именно файл отвечает за форму контактов, так как плагин не использую. Вам необходимо его найти и изменить кодировку с ANSI на UTF-8 без BOM.
Помітив, що багато віддвідувачів цікавлятсья і встановлюють WooCommerce. Вибачте, але хочу трошки прорекламувати наявність шлюзів — інтеркаса (https://uni-theme.net/item/woocommerce-payment-gateway-interkassa-2-0/), приват24, російський payonline.com. Платні, але з підтримкою :)
Спасибо большое за интересную статью. Все очень доходчиво.
У меня возникла такая проблемка, в ходе настройки платежных шлюзов. Из платежных методов я оставила только Оплата наличными. Но он работает только с моего ноута. Когда любой другой человек пытается разместить заказ со своего компа/ноута/смартфона,страница просто зависает. Не подскажете в чем может быть проблема? И как в таком случает настроить оплату наличными?
Анастасия, я с модулем уже очень давно не работала. К сожалению, не могу Вам помочь.
Здравствуйте! Я установил себе плагин WooCommerce, но когда добавляю товар, не могу настроить изображение миниатюры, пробовал в само описание товара добавить изображение, не добавляется. Как решить это?
Здравствуйте! Спасибо за статью, она оказалась очень полезной. Но остался вопрос: можно ли изменить размер изображение миниатюры на страницы товара? Получается оно просто огомным, в пол странице, а мне хватит и в три раза меньше.
Мария, здравствуйте. У меня нет установленного плагина, на Вашем же сайте не нашла товаров, чтобы увидеть это недочет. Если дадите ссылку на товар с подобной миниатюрой — посмотрю как исправить ситуацию.
https://semenann.com/?product=%D0%BA%D0%B8%D0%BC%D0%B8%D1%80%D0%B0-%D0%B0%D0%B3%D1%80%D0%BE%D1%82%D1%83%D0%BA-%D0%B4%D0%BB%D1%8F-%D0%BA%D0%BB%D1%83%D0%B1%D0%BD%D0%B8%D0%BA%D0%B8-08-%D0%BA%D0%B3
Я поняла, как изменить его качество, но размер товара и размер похожих товаров огромный.
Мария, если Вы уверенны, что в настройках плагина невозможно настроить размеры миниатюры, то придется править изображения (непосредственно миниатюру и изображения похожих товаров) через css. Необходимо открыть woocommerce.css и править ширину блоков «images» и «summary entry-summary». На данный момент каждому из них задана ширина 48%, Вам же необходимо первому придать меньшую ширину, например, 25%, а второму добавить то количество, которое отняли у первого блока, то есть второй будет 71%. Это как пример, а Вы размеры сможете скорректировать как Вам будет нужно.
jul, спасибо огоромное.
Постараюсь изменить.
Удачи Вам в правке!
обновила плагин и вордресс после этого
Fatal error: Call to undefined function ctype_digit() in /home/com-el/tverzoloto.com/docs/wp-content/plugins/woocommerce/includes/libraries/class-lessc.php on line 2988
Что делать?
Кто знает, как добавить вторую цену к одному товару?
Здравствуйте, вот такая вот проблема …
https://gyazo.com/1263c45957cfffca6cc44c042e7866ca
нету миниатюры, не могу понять куда делась и как вернуть …. ?????
Не подскажу, с woocommerce не работаю.