Добавление в корзину

Урок 8

Зарегистрируйтесь или войдите и получите бесплатный доступ к первому уроку курса.

Урок 8

Добавление товара в корзину. Для простых, внешних, сгруппированных и вариативных товаров

В этом, одном из самых длинных уроков курса, мы с вами сделаем подключение кнопки «Добавить в корзину» на странице товаров.

Сама по себе это лёгкая задача, сложность заключается именно в подключении для различных типов товаров – Внешний/Партнёрский, Сгруппированный и Вариативный (в порядке увеличения сложности).

Давайте взглянем что у нас получится в результате уроке на скриншотах.

Для простого товара

Если на своём интернет-магазине вы не планировали использовать ни вариативных, ни груповых товаров, то задача максимально упрощается. Но если бы всё было так просто, я бы не записывал этот урок! 😁

Кнопка добавления в корзину простого товара WooCommerce

Для внешнего/партнёрского товара

В этой ситуации кнопка добавления товара в корзину превращается в ссылку на другой сайт. Но тут важно также не забывать о способе формирования ссылки и о дополнительных $_GET-параметрах.

Кнопка добавления в корзину внешнего товара

Для сгруппированного товара

Особенность сгруппиованных товаров в том, что как таковыми они товарами не являются – это что-то вроде подборки товаров.

Кнопка добавления в корзину сгруппированного товара в WooCommerce

Для вариативного товара

Самое интересное!

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

Добавление в корзину вариативного товара WooCommerce

В случае с вариативным товаров прошу также обратить внимание на то, что при переключении вариации у нас будет динамически меняться цена товара и его статус (наличие на складе).

Купить курс
  • 14 видеоуроков
  • Доступ к HTML + CSS курса
  • Доступ к теме WooCommerce, которая получится в результате
  • Единоразовый платёж
  • Доступ навсегда
  • Уроки актуальны в 2024-м году
9000 р

Нажав на кнопку, вы соглашаетесь c условиями предоставления услуг и с обработкой персональных данных.