Разработка на 1С-Битрикс
и внедрение Битрикс24
Обсудить задачу Написать в MAX
Ответим сразу, оценим задачу за день
Разработка на 1С-Битрикс
и внедрение Битрикс24
Конструктор ДОКА

Онлайн-конструктор шкафов-купе на 1С-Битрикс для мебельных салонов «Дока Шкаф»

Конструктор ДОКА · Мебель, шкафы-купе · запуск — 2020

  • 7шагов от размеров до заказа онлайн
  • 1 разотрисован шкаф — варианты собираются из слоёв
Сайт клиента ↗

Конструктор Шкафов-купе на 1с Битрикс

 

Задача: Разработка конструктора шкафов-купе на сайте https://dokashkaf.ru/

Для кого: Конечные покупатели и продавцы в мебельных салонах “Дока Шкаф”.

Описание

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

Шаг 1 - Выбор количества секций

Конструктор шкафов-купе «Дока Шкаф», шаг 1: выбор количества секций и размеров шкафа


На первом шаге пользователь выбирает количество секций и размеры шкафа (длина|ширина|высота).


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

Шаг 2 - Выбор варианта исполнения

Шаг 2 конструктора «Дока Шкаф»: выбор варианта исполнения базовых секций шкафа-купе

На втором шаге пользователю предлагается выбрать вариант компоновки внутренних секций.

Шаг 3 - Выбор модулей

Шаг 3 конструктора «Дока Шкаф»: выбор дока-модулей для наполнения секций шкафа

В зависимости от выбранного варианта исполнения в шкафу может быть 1 или 2 секции для выбора модулей. При выборе той или иной секции для изменения модулей - на рисунке справа она подсвечивается для наглядности.

Шаг 4 - Выбор фасада

Шаг 4 конструктора «Дока Шкаф»: выбор фасада, зеркало с пескоструйным рисунком на дверях

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

Шаг 5 - Выбор боковых консолей

Шаг 5 конструктора «Дока Шкаф»: выбор боковых консолей слева и справа от шкафа

При выборе консолей - они показываются на увеличенной картинке.

Шаг 6 - Выбор цвета корпуса и профилей

Шаг 6 конструктора «Дока Шкаф»: палитры цветов корпуса и алюминиевого профиля

На этом шаге пользователь выбирает цвет своего шкафа. Картинка справа не меняется в зависимости от выбора, при это сами картинки цветов корпуса и профилей можно увеличить и детально рассмотреть текстуру.

Шаг 6 конструктора «Дока Шкаф»: увеличенный образец текстуры цвета корпуса поверх палитры

Шаг 7 - Итоговый результат

Итоговый шаг конструктора «Дока Шкаф»: выбранные характеристики и кнопка «Заказать мой шкаф»

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

Технические особенности конструктора

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

Пример наложения

Слой изображения в конструкторе «Дока Шкаф»: секция корпуса с полками и двумя отделениями

Слой изображения в конструкторе «Дока Шкаф»: боковая консоль с открытыми полками

Слой изображения в конструкторе «Дока Шкаф»: узкая секция с полкой и выдвижным ящиком

Слой изображения в конструкторе «Дока Шкаф»: пустой каркас секции без наполнения

Слой изображения в конструкторе «Дока Шкаф»: верхняя панель и цоколь шкафа отдельно

Слой изображения в конструкторе «Дока Шкаф»: фасад из трёх дверей-купе с зеркалом и узором



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

Наполнение конструктора

Редактирование и наполнение всех параметров конструктора происходит в админке сайта или путем импорта из excel.

Админка 1С-Битрикс для конструктора «Дока Шкаф»: список рисунков фасадов с превью

Нужна разработка конструктора шкафов?

Напишите Константину - руководителя данного проекта, или звоните +7 922-20-66-184



Стек
1С-Битрикс, пошаговый онлайн-конструктор, послойное наложение изображений, печать конфигурации, заказ онлайн, импорт параметров из Excel
Команда
Руководитель проекта — Константин Пустовойтов

Вопросы по проекту

Как покупатель собирает шкаф в конструкторе?
За 7 шагов: выбирает количество секций и размеры, вариант исполнения, модули, фасад, боковые консоли, цвет корпуса и профилей, а на итоговом шаге видит все параметры и картинку шкафа, может распечатать её и заказать шкаф онлайн.
Нужно ли рисовать картинку под каждое сочетание опций?
Нет. Конструктор накладывает изображения слоями: шкаф нарисован один раз и разрезан на части, поэтому элементы легко заменяются без повторной отрисовки.
Кто наполняет конструктор размерами, модулями и цветами?
Сам заказчик: все параметры редактируются в админке сайта или импортируются из Excel.

Услуги по теме

Похожая задача?

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

Оценка за день
Виктор Олейник, директор IT Panda
Здравствуйте, я Олейник Виктор, Директор IT Panda. Если у Вас есть предложения или жалобы по работе нашей компании,
Вы можете сообщить их по указанным контактам:
dir@itpanda.ru
+7 (965) 548-28-69

Оставьте заявку на перевод сайта на php 8.1

Оценка за день, цену называем до начала работ
Нажимая кнопку «Отправить», я даю свое согласие на обработку моих персональных данных, в
соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и
для целей, определенных в Согласии на обработку персональных данных *

Оставьте заявку на перенос сайта на другой хостинг

Оценка за день, цену называем до начала работ
Нажимая кнопку «Отправить», я даю свое согласие на обработку моих персональных данных, в
соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и
для целей, определенных в Согласии на обработку персональных данных *

Оценка за день

Опишите задачу — в течение рабочего дня назовём стоимость и срок
Быстрее: 8 800 775-14-26 · Telegram · MAX
Нажимая кнопку «Получить оценку», я даю свое согласие на обработку моих персональных данных, в
соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и
для целей, определенных в Согласии на обработку персональных данных *

Запросить портфолио

Нажимая кнопку «Отправить», я даю свое согласие на обработку моих персональных данных, в
соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и
для целей, определенных в Согласии на обработку персональных данных *

Заказать

Нажимая кнопку «Отправить», я даю свое согласие на обработку моих персональных данных, в
соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и
для целей, определенных в Согласии на обработку персональных данных *