agrobalt-torf.ru — сайт-каталог торфа и грунтов

Одностраничный каталог торфяных субстратов и грунтов: покупатель выбирает позицию, смотрит фасовки и цены и оставляет заявку. Цены и позиции заказчик меняет сам через админку, а вся база каталога живёт в одном файле, без базы данных.

26 позицийв трёх разделах каталога
Без БДкаталог в одном JSON-файле
Админкацены и фото меняет заказчик

Задача: сайт-каталог торфа и грунтов с заявкой

Заказчику, продавцу торфяных субстратов и грунтов, нужен был одностраничный сайт-каталог без корзины и онлайн-оплаты. Цены меняются, поэтому обновлять их, позиции и фотографии он должен сам, не обращаясь каждый раз к разработчику.

Задача
Каталог с заявкой и админкой
Стек
PHP 8, JSON, JavaScript
Роль
Вёрстка, backend, админка
Доступ
Публичный сайт

Каталог, а не магазин

Без корзины и онлайн-оплаты: выбрать позицию, увидеть фасовки и цены, оставить заявку.

Цены меняются

Цены по фасовкам обновляются часто, ждать разработчика ради новой цифры нельзя.

Управляет сам

Позиции, цены и фотографии заказчик правит сам, в понятной админке.

Решение: что сделано на сайте

26позиций в каталоге
3раздела: профессиональные продукты, любительский рынок, торф для грибоводства
0баз данных: всё хранится в одном файле

У каждой позиции своя карточка: фото-галерея, описание, назначение, параметры и список фасовок с ценами. Адаптивная вёрстка, мобильная панель с кнопкой звонка и страница политики конфиденциальности.

Раздел «Субстраты на заказ»

Если нужного состава нет, на основе стандартных продуктов можно изготовить смесь под технологию выращивания клиента. Заказ проходит три шага:

  1. Расскажите о задачеКультура, объём, способ полива
  2. Подберём составИз торфа и добавок под ваши параметры
  3. Изготовим партиюВ нужной упаковке и фасовке

Что можно добавить в смесь:

Резной торф Глина Известняковая мука Агроперлит Ваши удобрения

Админка: поменяли цену, и она на сайте

Вход по паролю, цены по фасовкам, показ и скрытие позиций, загрузка фото и создание новых позиций. Попробуйте сами: измените цену или скройте позицию в «админке» слева и посмотрите на карточку справа. Значения условные, это демонстрация принципа.

Админка Сохранено
Сайт
Торфяной субстрат Фасовка 10 л 250 ₽ Оставить заявку

Форма заявки: защита от спама в три слоя

Заявки уходят на почту заказчика, поэтому форма защищена от спама. Каждая отправка проходит три проверки:

  1. Любая отправка формывсё, что пришло на сервер
  2. Токен формыотсекает отправки не с самого сайта
  3. Поле-ловушкаскрыто от людей, а бот его заполняет
  4. Лимит отправокостанавливает частые повторы
  5. Заявка на почтуостаётся только настоящая

Скриншоты сайта agrobalt-torf.ru

Раздел «Каталог» на сайте agrobalt-torf.ru: разделы с фото и числом позиций
Блок «Субстраты на заказ» с этапами и добавками в смесь
Блок «О компании» на сайте торфа и грунтов agrobalt-torf.ru

Стек технологий: PHP и JSON без базы данных

Что внутри
PHP 8 JSON-каталог JavaScript HTML/CSS Адаптивная вёрстка Админка
Почему без базы данных

Данные каталога лежат в одном файле JSON, поэтому сайт легко развернуть на обычном хостинге с PHP и так же легко перенести на другой.

Результат: заказчик сам управляет каталогом

Сайт работает на домене заказчика. Цены, позиции и фотографии он меняет сам через админку, а заявки с формы приходят на его почту. Проект небольшой по объёму, но показывает полный цикл: от вёрстки и каталога до админки и защищённой формы.

Смотрите также

Похожие задачи я решаю в услугах: интернет-магазин и каталог на заказ, админка для сайта, поддержка и доработка сайтов. А ещё в блоге — статьи по теме:

Нужен сайт-каталог с админкой?

Расскажите, что вы продаёте и как часто меняются цены: подскажу решение, сроки и стоимость

Обсудить проект