Sam Reshu

Кастомная WordPress-тема для сайта аренды инструмента с каталогом на WooCommerce. Проект решает задачу презентации товаров, быстрого выбора позиции и отправки заявки на аренду через адаптированный пользовательский интерфейс.

Тема сфокусирована на frontend-реализации, кастомизации WooCommerce и удобном управлении контентом через админ-панель WordPress.

Основные возможности

• Каталог товаров WooCommerce с карточками, ценами и переходом на страницу товара.
• AJAX-обновление списка товаров, пагинации и счетчика без полной перезагрузки страницы.
• Сортировка товаров по цене и порядку отображения.
• Модальное окно заявки на аренду с автоматической подстановкой товара, цены, изображения и ссылки.
• Кастомная страница товара с галереей, описанием, характеристиками, контактными блоками и похожими товарами.
• Главная страница с hero-слайдером, популярными категориями, товарами, FAQ и партнерами.
• Мегаменю, мобильный поиск, слайдеры и адаптивные UI-компоненты.
• Schema.org-разметка для товаров, категорий и организации.

Стек

• WordPress
• WooCommerce
• PHP 8+
• Carbon Fields
• TypeScript
• SCSS
• Webpack
• Bootstrap 5
• Swiper
• Contact Form 7

Особенности реализации

• WooCommerce адаптирован под сценарий аренды: изменен вывод цены, карточек, каталога и страницы товара, а стандартные хуки переопределены под собственный интерфейс.
• Каталог обновляется через WordPress AJAX: сервер возвращает готовые HTML-фрагменты товаров, пагинации и счетчика, что сохраняет совместимость с шаблонами темы.
• Контент главной страницы управляется через Carbon Fields: слайды, популярные товары, категории, FAQ и партнеры можно настраивать из админ-панели без правки кода.
• Frontend собран отдельным пайплайном на TypeScript, SCSS и Webpack с минификацией production-сборки и автопрефиксами.
• В теме предусмотрены базовые оптимизации WordPress: версионирование ассетов по filemtime, отключение лишних emoji-ресурсов, jquery-migrate и неиспользуемых стилей WooCommerce.

Демонстрация

Сайт: https://сам-решу.бел

Запуск проекта

composer install
npm install
npm run build

После сборки тема должна находиться в директории wp-content/themes/sam-reshu и быть активирована в WordPress. Для разработки frontend-ассетов:

npm run start

Статус проекта

Коммерческий проект, сфокусированный на разработке кастомной WordPress/WooCommerce-темы, frontend-архитектуре и интерактивном UI для каталога аренды.