Доработка сайта loip.ru: как одно решение сэкономило время на наполнение сайта в 20 раз

Loip.ru — это сайт–каталог с большим ассортиментом, который работает на CMS 1С–Битрикс. Мы занимаемся его технической поддержкой c марта 2023 года: следим за стабильной работой сайта, исправляем верстку и вносим правки в функционал.

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

Добавлять на страницы такую таблицу с перелинковкой администратору приходилось вручную. Процесс выглядел так:

1. Администратор заходил на сайт и открывал html-код карточки товара.

2. Вручную добавлял в нее код таблицы.

3. Заполнял данные о товарах: заголовки, название товара и ссылки на него.

4. Проверял верстку таблицы, чтобы не слетело форматирование: стили, выравнивание, картинки и ссылки.

5. Если где-то ошибся, начинал все заново.

Работать с кодом сложно. Поэтому администратор тратил около 20–30 минут на редактирование одной таблицы и ее проверку. Если требовалось добавить несколько таких перелинковок, работа становилась очень трудоемкой.

Наша задача — разработать удобный интерфейс для заполнения перелинковки в админпанели.

Подготовка к работе обычно выглядит так: мы обсуждаем с клиентом проблему и ставим ТЗ → предлагаем решение и оцениваем его в часах → согласовываем его с клиентом.

Этот порядок позволяет избежать проблем в будущем.

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

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

После этапа согласования поставили задачу веб-мастеру. Он написал код и протестировал то, что получилось. На созвонах обучили администратора работать с новым решением.

Добавили в админпанель вкладку «Дополнительное оснащение», чтобы администратор мог заполнять все данные в одном окне. 

Во вкладке специалист редактирует таблицу перелинковки:

1. Открывает вкладку «Дополнительное оснащение».

2. Заполняет заголовок блока, например, «Сушильные шкафы» и добавляет к нему изображение.

3. Привязывает к блоку категорию или конкретные товары. При этом все названия и ссылки на них подгружаются автоматически и добавляются в верстку.

В удобном интерфейсе это проще, чем в коде: администратору не нужно проверять вывод на каждой странице и волноваться, что сломается верстка таблицы.

В каталоге много похожих товаров: например, лабораторных столов, тумб и стеллажей. Дополнительное оснащение для них зачастую тоже одинаковое. Чтобы не заполнять таблицу для каждой позиции с нуля, клиент попросил добавить возможность копировать данные.

Теперь все работает так:

1. Мы добавили во вкладку с перелинковкой специальное поле. 

2. В этом поле администратор находит название или артикул похожего товара. В интерфейсе есть фильтр, чтобы было удобнее искать позицию по ее названию или ID.

3. Нажимает на кнопку «Сохранить».

В карточку автоматически подтягивается перелинковка другого товара. Администратору нужно только проверить данные и сохранить изменения.

Автоматическое решение значительно экономит время: заполнение перелинковки отнимает не больше пары минут.

Выводы:

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

Для сайта компании «Лабораторное Оборудование и Приборы» мы разработали удобный интерфейс, который позволяет в пару кликов добавлять к товару перелинковку с дополнительным оснащением.

Новая функция позволила сократить часы ручной работы: время заполнения перелинковки для одной карточки сократилось с 20 минут до 1–2 минут.