Вступление

Урок 0

  Получите бесплатный доступ к первому уроку курса, для этого зарегистрируйтесь или войдите.

Урок 0

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

На курсе:

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

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

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

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

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

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

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

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

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

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