Техническое задание

Цель:

Довести существующий функционал WooCommerce до состояния, описанного в дизайн-макете (Figma) на действующем сайте. Внешний вид страниц категорий и карточек товаров должен полностью соответствовать макету.

Исходные данные и текущее состояние

  • Тема: Betheme.
  • Инструмент: Работа через штатные шаблоны темы (Templates) и настройки WooCommerce, кастомный CSS/код минимален.
  • Макет доступен в Figma. Ссылка будет предоставлена.
  • Текущая карточка товара (пример): (ссылка скрыта).
  • Текущая страница категорий (пример): (ссылка скрыта).

Задачи

2.1 Страница категории (Архив товаров)

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

2.2 Карточка товара (Single Product)

  • Модифицировать блоки с заголовком, ценой, описанием, характеристиками.
  • Изменить расположение и внешний вид кнопки «В корзину».
  • Адаптировать отображение табов HTML (например описание/характеристики/отзывы) под дизайн.
  • Исправить вывод галереи/изображений товара.

2.3 Адаптация

  • Разметка должна корректно отображаться на десктопе и мобильных устройствах.
  • Исправление или доработка мобильной версии 'категорий' и 'в товара' обязательно.

Требования к работе

  • Работа выполняется на тестовом/боевом сайте через встроенные шаблоны темы Betheme.
  • Использование дочерней темы приветствуется для любых правок кода, но в первую очередь правка производится через интерфейс темы.
  • Время выполнения включается быстрое сообщение или реальнее срок 3-5 дней.
  • Обязательное тестирование на всех основных браузерах (Chrome, Firefox, Mac, Pc).
  • Прошу писать примерные сроки/ и/или цену.
код

Верстка адаптивного сайта-каталога

Требуется сверстать сайт-каталог с главной страницей, категориями, карточками товаров и модальными окнами. Необходима адаптивная верстка для десктопа и мобильных устройств, с акцентом на скорость загрузки и пиксельную точность.