Конфигуратор для сайта?

Question

[shynga]

Добрый день.
Хотел бы узнать как реализовать конфигуратор для сайта со следующим функционалом.
1) Есть блок на странице, который позволяет выбрать один из нескольких вариантов интерьера, как Тут. При выборе получается будет переключение на другой элемент интерьера.
2) Всего таких элементов будет 11. Ниже пример логики конфигуратора.
3) В конце будет блок со всеми элементами и возможность отправить эти стили. Пример

Такой функционал насколько я знаю не сложно реализовать в JavaScript, но вопрос также в том чтобы картинки и сами элементы можно было удобно менять.
Возможно это можно сделать на конструкторе, CMS (не важно какой) или есть какие то сревисы с таким функционалом.
Это бы и хотел у вас узнать.

Заранее всем спасибо!

Answer 1

[Орхан Гасанлы]

Здравствуйте!
1) Действительно, это реализуемо на JavaScript.
2) Раз к вопросу вы добавили тег WordPress, то приведу список плагинов:
Woocommerce Product Configurator - https://iconicwp.com/products/woocommerce-product-...
Демо - https://demos.iconicwp.com/woocommerce-product-con...

Другой плагин - https://ru.wordpress.org/plugins/visual-products-c...

Еще один плагин - https://configuratorsuiteforwp.com/
Демо - https://demos.configuratorsuiteforwp.com/game-cont...

Еще одно демо другого плагина - rgdcanada.com/product/boston

Google

Comments

[shynga]

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

[Орхан Гасанлы]

shynga, думаю, что можно подогнать при должном умении

Answer 2

[qwermus]

Я бы банально завёл табличку в базе со следующими полями:

id - порядковый номер
name - название
category - принадлежность к блоку, например, 1 - стиль, 2 - цвет пола, 3 - цвет кухни, и т.п.
image - картинка
active - активировать\деактивировать позицию, например, если она временно недоступна.
ну и дальше что ещё необходимо, описание, например.

Теперь достаточно выбрать из БД элементы и вывести их на экран. При клике на элемент сохраняем id, по которому можно получить, что же выбрал пользователь.

Не нравится БД - можно json, например, или xml. В любом случае, в любой момент можно деактивировать позицию, которая не нужна, либо добавить новую.

Если сделать другую таблицу, categories, то можно в ней прописать слои, например:
1 - стиль
2 - цвет пола
3 - цвет кухни
и т.д. Таким образом можно уже выбирать сначала слой, который показываем, затем в этот слой из предыдущей таблицы подставляем параметры. Так мы получаем ещё и гибко редактируемые слои.

И далее осталось написать простенький скрипт, который выведет это на экран и по клику будет переключать слои и сохранять то, на что юзер кликнул