@shynga

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

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

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

Заранее всем спасибо!
  • Вопрос задан
  • 151 просмотр
Пригласить эксперта
Ответы на вопрос 2
@azerphoenix
Здравствуйте!
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
Ответ написан
@qwermus
Я бы банально завёл табличку в базе со следующими полями:

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

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

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

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы