Hellofriends.ru – это интернет-магазин, специализирующийся на продаже ковриков и аксессуаров для спорта и путешествий.
Проект: Клиент обратился в PHPDev с запросом на улучшение функциональности сайта, чтобы расширить возможности управления контентом и обеспечить качественный сервис для пользователей.
.jpg)
Проект hellofriends.ru получил необходимую функциональность как для десктопной, так и для мобильной версии сайта. Благодаря нашим доработкам. Внедренные доработки сделали сайт более интерактивным и удобным в использовании: администраторы теперь могут гибко управлять контентом, а пользователи – легко находить нужную информацию и совершать покупки.
Требовалось сделать изображения товаров в каталоге кликабельными, чтобы при нажатии на них, как и на название, пользователь попадал на страницу товара.
Мы доработали шаблон, добавив обработчик для изображений, что позволило пользователям переходить на страницу товара при клике на его изображение. Эти изменения были внесены в специальный шаблон, обеспечив единообразие взаимодействия с карточками товаров на всех страницах каталога.
На странице каталога выводилось только 8 элементов, несмотря на наличие большего количества товаров. Требовалось настроить вывод всех товаров и обеспечить корректную сортировку.
Мы обнаружили, что проблема заключалась в ограничении шаблона верстки. Мы переписали верстку страницы каталога, чтобы она корректно выводила все элементы (до 30 на одной странице), а также проверили работу сортировки. Это решение позволило предоставить возможность управлять расположением карточек на странице через сортировку в административной панели.
При загрузке нескольких изображений товара на странице каталога дублировались только два изображения, остальные не отображались.
Мы провели доработку шаблона вывода изображений товара. Ранее шаблон был рассчитан на максимальное количество картинок — 2. Мы изменили логику таким образом, чтобы выводились все загруженные изображения, а если они заканчивались, начинался повторный цикл с первого изображения. Эти изменения внесены в файл шаблона.
Благодаря этому администраторы могут загружать любое количество изображений, и они корректно отображаются в карточках товаров.
На страницах блога требовалось реализовать блок "Рекомендуем на основе материалов статьи", в котором были бы привязаны релевантные товары. Привязка товаров должна быть ручной через админку.
Мы добавили в административную панель возможность ручной привязки товаров к статьям через специальное поле в инфоблоке "Блог". Это позволило администраторам сайта добавлять в блок рекомендации на основе контента статьи. Блок был встроен в шаблон страницы статей, что улучшило пользовательский опыт и повысило конверсию за счет показа релевантных товаров.
При использовании сайта на мобильных устройствах были обнаружены определённые проблемы: ширина хедера, прокрутка блоков, расстояние между элементами и загрузка изображений для мобильных версий.
Чтобы это решить, мы:
В рамках этой задачи требовалось перестроить каталог сайта, чтобы товары могли отображаться в нескольких разделах одновременно (с использованием тегов). Также требовалось обновить структуру разделов каталога и настроить отображение контента в зависимости от выбранного тега.
Мы пересобрали структуру каталога, создав общую базу для всех SKU товаров. При этом была добавлена поддержка тегов, что позволяет одному товару отображаться в нескольких разделах одновременно. На главной странице был реализован блок с переключением по тегам, что облегчило навигацию по каталогу. Также был настроен динамический контент на страницах разделов каталога, который изменяется при переключении между тегами.
Для улучшения визуала сайта, на главную страницу было решено добавить видео. Также нужно было учесть возможность простой замены видео и графика в будущем через административную панель.
Мы реализовали загрузку видео в слайдер главной страницы, оптимизировав его для быстрой загрузки и корректного отображения. Нами был продуман гибкий механизм замены графического и видео-контента, чтобы администраторам сайта было легко обновлять материалы в слайдере каждые 2-3 месяца.
Все поставленные задачи были успешно решены в рамках оговоренных сроков. Эти доработки способствовали повышению качества взаимодействия с сайтом и созданию условий для дальнейшего роста и развития.
ИНТЕРЕСНО УЗНАВАТЬ БОЛЬШЕ О КОМПАНИИ? ЧИТАЙТЕ НАШИ СТАТЬИ И НОВОСТИ TELEGRAM И VC.RU.
Нажимая кнопку «Оставить заявку», Вы даёте согласие на обработку Персональных данных.
