Создание интернет-магазина на WordPress с нуля. Урок 1. Установка и русификация плагина интернет-магазина Woocommerce

Здравствуйте друзья! Думаю многим из вас будет интересно узнать как создать интернет-магазин на WordPress. В сегодняшнем первом уроке вы узнаете как настроить и русифицировать плагин для интернет магазина Woocommerce.

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

Установка темы (шаблона) для интернет магазина

Выбор темы (шаблона) — очень важный момент в создании интернет магазина. Вся проблема в том, что некоторые темы не поддерживают работу с плагином Woocommerce, что в свою очередь приводит к некорректному отображению элементов интернет-магазина. Поэтому в данном уроке я буду использовать бесплатный шаблон для интернет-магазина Storefront.

Cкачать шаблон можно на официальном сайте woothemes.com или по прямой ссылке. Если вы вдруг забыли как изменить шаблон (тему) вашего сайта — нажмите сюда.

Установка и русификация плагина Woocommerce

После того как вы установили шаблон, необходимо скачать и активировать плагин интернет-магазина Woocommerce. Для этого заходим с административной панели в Плагины -> Добавить новый и вводим в поле поиска «woocommerce», после чего в выдаче видим плагин WooCommerce — excelling eCommerce. Устанавливаем его и активируем.

Сразу после активации вы увидите сообщение, которое предложит вам установить необходимые страницы для работы Woocommerce (Shop, My Account, Checkout, Cart) и перевод для плагина интернет-магазина Woocommerce:

На первом сообщении нажимаем Install WooCommerce Pages, а на втором Unpdate Translation.

Если сообщение не появилось, для перевода плагина перейдите в WooCommerce -> System status -> Tools -> Force translation upgrade.

Раньше для перевода использовали плагин Saphali Woocommerce Russian, но после выхода официального перевода от Woocommerce необходимость в нем пропала.

После установки, у вас появилось 4 новых страницы, а именно:

Shop — главная страница магазина на которой будут отображаться товары. Рекомендую сразу и переименовать эту страницу в Магазин.

My Account — страница аккаунта.

Checkout — страница оплаты.

Cart — страница корзины.

После того как вы сделали все описанное выше, можно сказать что интернет-магазин установлен!

В следующих уроках мы разберем:

Если у вас есть вопросы, не стесняйтесь и задавайте их в комментариях!

Обзор

Плагин WooCommerce отличное решение для коммерции. Воспользовавшись случаем, задам вопрос: существует ли плагин для WooCommerce — регистрация продавцов и создание отдельных магазинов? Для магазина kladproraba.com ищу идею. Возможно ли на WooCommerce создать отдалённо подобное aliexpress? Сложный конечно вопрос. Но если существует такой гуру и знает ответ – то в двух словах поясните. Многим считаю интересна эта тема. И многие будут благодарны за совет-ответ.

Можно ли создать блог +магазин. для каждого свой дизайн вывод виджетов ? на сколько геморно

Тема Azera Shop позволяет такое (с WooCommerce)

При установке плагина (тема i-craft) получаю страницу с иероглифами. Как это исправить?

Заранее благодарю за ответ.

поставить кодировку страницы UTF-8

Не появляется страница «Корзина». В «Состоянии системы» написано, что страница не содержит шорткода. Где взять шорткод и куда его внести?

В настройках при наведении на значок вопроса в квадратных скобках [woocommerce_cart]

Наверно вы имели ввиду short cod, т.е. короткий код…

Очень интересный материал но дочитать не смог. Так как постоянно всплывает реклама которая в смартфоне занимает половину экрана и читать становиися не возможным.

Спасибо за отзыв. Отключил всплывающую рекламу, больше не будет мешать 🙂

нет такого плагина WooCommerce — excelling eCommerce. есть просто WooCommerce но при активации начинает выдавать абракадабру

Поддерживаю Павла, даже не пахнет* этим названием (excelling eCommerce), не существует значит. Автор, мог бы не поскупиться — ссылку на скачивание дать. Раз уж статью взялся писать, пиши полноценно.

Здравствуйте! Установил у себя на сайте Woocommerce, но все вкладки интернет-магазина стали видны на главной странице сайта и постоянно там висят. Хотелось бы сделать так, чтоб сам магазин был встроен в сайт только через одну вкладку «Магазин», после нажатия на которую появляются товары и другие вкладки: корзина, оплата, моя учётная запись и т.п.

Здравствуйте! Хочу, чтобы на сайте были кнопки с категориями товаров и по нажатию на кнопку, чтобы высвечивались товары данной категории. Тоесть, чтоб была кнопка «Сумки», нажал —> товары (Сумки), «Майки» —> перешёл на товары майки. Не знаю, как это реализуется..

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

какой это нафиг урок?? тут объяснений ноль

я тоже могу такой урок написать «как создать интернет магазин на ВП» — «качаете ВП и создаете интернет магазин» Конец

Давно пытался понять как работать собственно с кастомизацией шаблона. Например джумшопинг категория заходим в соответствующий файл компонента и меняем вид по своему усмотрению. А как тут осуществляется изменение вида. Все хуками? Нет возможности менять вид как (mvc) Вью.? Где можно найти внятную информацию по кастомизации? А то все что не искал все переделывать стилями или хуками. А вот как реально «программировать» в видах если вообще возможно не онятно