Урок 1

Добро пожаловать на курс по натяжке вёрстки на WooCommerce!

На курсе:

• На основе готовой вёрстки мы создадим полноценную тему (читай – интернет-магазин) на WooCommerce.
• Будет много кода.
• Будет фильтрация товаров, которую все так любят. И отдельный урок о том, как сделать её на AJAX.
• Каждая из страниц будет максимально интегрирована с настройками WooCommerce.
• Мы не будем использовать плагины. Ну кроме самого WooCommerce конечно :)

Вкратце о разработке каждой из страниц темы напишу ниже.

Страница каталога

• Нестандартный вывод карточки товара, добавление плашек (Новинка, Хит продаж).
• Возможность смены отображения товаров (плитка или список).
• Порядок отображения товаров (сортировка).
• Фильтрация по: категориям, цене, размеру (атрибуту).

Страницы товаров

• Рассмотрим каждый возможный тип товара: Простой, Сгруппированный, Вариативный, Партнёрский.
• Выведем похожие товары.
• Отзывы к товарам, рейтинг товаров.
• Научимся нестандартно выводить галерею изображений товара.

Страница корзины + модалка

• Корзина в виде модального окна, доступная на каждой странице сайта (кроме самой страницы корзины).
• Изучим способы доставки и выведем на странице корзины
• Изучим функционал купонов
• Динамический пересчёт товаров и их стоимости в корзине на AJAX при: добавлении/удалении товара из корзины, смены купона или метода доставки.

Страница оформления заказа

• AJAX форма добавления купона.
• Пересчёт стоимости на AJAX в случае изменении метода доставки, добавления купона.
• Валидация полей.
• Различные методы оплаты.

Список уроков

• Вступление08:04
• Основные принципы18:54
• Карточка товара26:53
• Страница Магазин31:31
• Фильтр товаров37:08
• Страница товара25:26
• Галерея изображений товара13:18
• Добавление в корзину47:10
• Похожие товары08:27
• Отзывы21:45
• Корзина33:08
• Мини-корзина28:43
• Оформление заказа33:14
• AJAX фильтр товаров1:10:55