Карточка товара

Урок 3

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

Урок 3

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

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

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

Мы сделаем:

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

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