Первый розничный магазин производителя одежды
MAYLINA
Создал первый розничный интернет-магазин MAYLINA для производителя вязаной одежды. Разработал дизайн, связал выбор цвета и размера с наличием, настроил обмен каталога и заказов с 1С.
Моя рольДизайн сайта, верстка, разработка и настройка обмена со стороны Битрикса. Логотип, фотографии, видео и пожелания к палитре предоставил заказчик.
Как устроен проект ↓
- Задача
- Первый собственный розничный магазин
- Разработка
- Дизайн и реализация с нуля
- Платформа
- 1С-Битрикс, обмен с 1С
- Запуск
- Начало сентября 2026
Из оптового бизнеса в собственную розницу
У производителя уже работал оптовый бизнес. Для розничного бренда MAYLINA требовался первый собственный интернет-магазин. Покупатель должен был выбирать одежду и оформлять заказ на сайте, а каталог, цены и остатки должны были поступать из 1С.
Дизайн вокруг одежды
Заказчик передал логотип, фотографии и видео, обозначил пожелания к палитре и капсулам одежды. Я подготовил и согласовал макеты, тексты и каталог, затем сверстал страницы и запрограммировал магазин на Битриксе.
По пожеланиям заказчика использовал спокойные цвета, оставил свободное пространство и сделал фотографии крупными. На главной есть видео и капсулы, в каталоге фотографии стоят в одинаковых рамках, а в карточке выбранную вещь можно рассмотреть крупнее.
Выбор цвета меняет доступные размеры
Одна модель одежды продается в нескольких цветах и размерах. В карточке я связал эти варианты: при выборе цвета меняются фотографии и доступные размеры. Наличие и кнопка «В корзину» относятся к выбранному сочетанию цвета и размера. Размер без остатка выбрать нельзя.
Галерея показывает общие фотографии модели и кадры выбранного цвета. Фото другого цвета скрываются, общие остаются.
В каталоге можно отобрать одежду по размеру, цвету и цене. Фильтр на широком экране открывается в боковой панели, рядом остаются товары. Для каталога и карточки я использовал штатные компоненты Битрикса и адаптировал их под согласованный дизайн.
Каталог приходит из 1С, заказы уходят обратно
Для обмена использовал штатный механизм Битрикса. Настроил загрузку каталога из 1С вместе с цветами, размерами, ценами и остатками.
Настроил передачу данных покупателя из заказа в соответствующие поля 1С. До запуска обмен в обе стороны прошел проверку на заказе с товарами из 1С.
Одна загрузка фотографии для разных мест на сайте
Фотографии приходят с каталогом из 1С или добавляются вручную через Битрикс. Я подключил оба способа к общей обработке. Версии для каталога, карточки и корзины могут создаваться при открытии страницы. После успешного обмена с 1С сайт начинает готовить их заранее.
Размеры файлов, выбор WebP и ограничения предварительной подготовки разобрал в отдельной статье.
Чтобы подготовить отдельную фотографию перед загрузкой в свой магазин, откройте мой инструмент. Выберите файл, задайте размер и формат, при необходимости обрежьте кадр и скачайте результат. Обработка идет в вашем браузере.
Как фотографии MAYLINA попадают в каталог, карточку и корзину ↗
Что получилось
Магазин запустили в начале сентября 2026. Покупатель может выбрать цвет и размер, посмотреть наличие и оформить заказ. Каталог связан с 1С, заказы передаются обратно в учетную систему.
На 11 сентября 2026 заказчик продолжал наполнять каталог. После запуска договорились о дальнейшем развитии сайта.
