Интернет-магазин здорового питания med-konfitur.ru

Проект опубликован
10
августа
2020
Категории проекта:
Интернет-магазин здорового питания с с ассортиментом более 15000 позиций на 1С-Битрикс Управление сайтом с синхронизацией с 1С. Реактивный компонент корзины на VueJS
В рамках обновления розничного интернет-магазина здорового питания Мёд и конфитюры произвели адаптивную кроссплатформенную верстку макета (более 50 страниц) и интеграцию функционала на платформу 1С-Битрикс, также проведены работы по оптимизации скорости работы интернет-магазина, настройке фильтров и посадочных страниц для поисковой оптимизации.

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

Меню каталога по категориям
Меню для поиска по брендам реализовано в виде алфавита (английского и русского отдельно) и отображением брендов, начинающихся с соответствюующей буквы. Для организации быстрой работы фильтра данные кешируются и испольщуется один и тот же набор кешированных данных как для работы меню, так и для работы страницы "Бренды", что экономит время на генерацию кеша и место на его хранение.

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

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

Карточка товара в интернет-магазине на 1С-Битрикс
Для повышения среднего чека заказа был реализован функционал накопительных скидок и визуального отображения текущей накопительной скидки в корзине (как большой, так и малой, отображающейся на всех страницах сайта). Благодаря визуальному отображению покупатели видят, как меняется размер скидки от текущей корзины в реальном времени. 

Малая корзина с отображением накопительной скидки

Для автоматизации процесса оформления заказа и ускорения работы менеджеров форма оформления заказ подключена к сервису онлайн-расчета стоимости доставки edost. Интернет-магазин отправляет товары как собственными курьерами, так и службами доставки СДЭК, боксберри.

корзина с отображением накопительных скидок
Похожие проекты