Урок 3

Настройка отображения товара на страницах Каталога / Категориях

В этом уроке мы настроим (а точнее натянем вёрстку на код) для карточек товаров. Если конкретнее – то для карточек товаров, отображаемых на страницах каталога и архивах (категории, теги, поиск и т д).

В итоге они будут выглядеть точно так же, как и в нашей исходной вёрстке:

Мы сделаем:

• Динамическое отображение цены, например если товар на распродаже, или это – вариативный товар.
• Динамическое отображение кнопки «Добавить в корзину», ведь к примеру нам не нужно её отображать для товаров, которых нет в наличии.
• Покажу вам как настраивать изображение-миниатюру для WooCommerce (размер woocommerce-thumbnail)
• Полностью запрограммируем плашку: «Новинка» / «Распродажа» / «Хит продаж».
• Настроим корректное отображение товаров по сетке.

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

• Вступление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