Что такое WooCommerce
WooCommerce — бесплатный плагин, который превращает сайт на WordPress в интернет-магазин. Он добавляет товары, корзину, оформление заказа, оплату и доставку. Отдельной программы нет: магазин живёт внутри WordPress и использует его панель, пользователей и темы.
Курс рассчитан на WooCommerce 10 и WordPress 6.8 или новее, PHP 8.1+. Предполагается, что вы знакомы с курсом по WordPress: знаете, что такое плагин, тема и хук.
Что появляется после установки
| Где | Что добавляется |
|---|---|
| Панель, меню «Товары» | Каталог: товары, категории, атрибуты |
| Панель, меню «WooCommerce» | Заказы, покупатели, настройки, отчёты |
| Панель, меню «Маркетинг» | Купоны |
| Сайт | Страницы «Магазин», «Корзина», «Оформление заказа», «Мой аккаунт» |
Из чего состоит магазин для разработчика
Плагин лежит в папке wp-content/plugins/woocommerce. Внутри три вещи, с которыми вы будете работать:
| Часть | Пример | Для чего |
|---|---|---|
| Классы | WC_Product, WC_Order, WC_Cart | Объекты товара, заказа, корзины |
| Функции | wc_get_product(), wc_price() | Короткий доступ к этим объектам |
| Хуки | woocommerce_before_shop_loop | Точки, куда подключается ваш код |
Хук — именованное место в коде, к которому можно прикрепить свою функцию. WooCommerce почти целиком построен на хуках, поэтому магазин меняют, не трогая файлы самого плагина.
Как выглядит доработка
Весь свой код в этом курсе вы будете писать в отдельном плагине wp-content/plugins/acme-shop/. Вот как будет выглядеть первая доработка — строка над каталогом:
// wp-content/plugins/acme-shop/includes/storefront.php
add_action('woocommerce_before_shop_loop', function () {
echo '<p class="acme-note">Бесплатная доставка от 50 €</p>';
});Функция прикреплена к хуку woocommerce_before_shop_loop. Когда WooCommerce выводит страницу «Магазин», он дойдёт до этого места и напечатает абзац над списком товаров. Сам плагин acme-shop создаётся в четвёртом уроке.
Сквозной пример
Через весь курс проходит один магазин: он продаёт кружки и другую посуду. Вы добавите товару срок изготовления, гравировку в корзине, свой способ оплаты и доставки, обмен заказами с внешней системой.
Порядок изучения
- Установка, страницы магазина и хранение данных.
- Свой плагин и хуки.
- Товары: чтение, изменение, поиск.
- Витрина: хуки страниц, шаблоны, тема.
- Корзина, оформление заказа, заказы и покупатели.
- Оплата, доставка, REST API и запуск.
Частая ошибка
Файлы WooCommerce правят прямо в папке wp-content/plugins/woocommerce. Обновления выходят примерно раз в месяц и полностью заменяют эту папку — правки исчезают. Ни один файл плагина менять не нужно: для логики есть хуки, для внешнего вида — копии шаблонов в теме.