Как лучше сделать такую штуку, плагин или самопис?

Question

[Gor321]

Добрый день! Подскажите как и с помощью чего можно реализовать такую штуку, плагины, либо готовые решения может есть какие то , и как данная весч вообще называется?

есть 10 видов кресел, каждому креслу можно выбрать материал (их 6) для определенных частей ( сиденье, бордер, тд) каждой детали, как видно из скрина, можно задать цвет на выбор из предоставленных. Ну и слайдер вместе с этим должен работать.
Дизайнер в картинках предоставил все виды кресел, все вариации цветов и материалов для каждого кресла
Как это сделать, подскажите пожалуйста?

Comments

[Дмитрий]

Добрый день.
Уровень вопроса "сложный". А в чём сложность-то?
В google забанили?
Просто необходимо ввести запрос в поисковую строку и потратить пару минут на просмотр ссылок в выдаче.

[alex-1917]

slo_nik, виртмарт-то зачем сюда приклеили?? это поделие все еще живо?)))

[alex-1917]

Прикольное задание, я такие обожаю самописить))) Вам конечно никто тут не будет жевать, тут по сути можно обойтись скриптом в 20 строк не больше, но вот интересно, для каждого из 6 материалов цветовая палитра одна и та же или нет? Зря не уточнили этот момент, а то вдруг кто рискнет размяться и даст вам готовый код, а этот момент удлинит скрипт раза этак в два)))

[Gor321]

alex-1917, палитра одна и та же)
очень хотелось бы увидеть эти 20 строк))

[ThunderCat]

Gor321, вы забыли спросить про длину строки в коде ) так то я и в 1 умещу наверное...

[Дмитрий]

alex-1917, я ничего не приклеивал. Показал первые попавшиеся результаты. Если автор вопроса не умеет пользоваться поиском и отмечает при этом вопрос как "сложный", то что ещё можно сказать?

[alex-1917]

slo_nik, да это всеяснопонятно. просто на виртмарт аллергия...

[Дмитрий]

alex-1917, ну тут я тоже ничего не могу поделать)))

[Сергей delphinpro]

Менять картинки по клику на цветные кружочки?
Срочно нужно найти плагин...

[Gor321]

Сергей delphinpro, картинок очень много будет. 180 картинок только для одной части сиденья

Answer 1

[Максим Тимофеев]

плагин или самопис?

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

Answer 2

[Roman Chasovitin]

Сделать это достаточно легко, просто вешаешь много обработчиков на изменения типа/цвета/размера и в зависимости от совокупностей подставляешь картинку. А слайдер, да, можно взять любой, например kenwheeler.github.io/slick

Answer 3

[svetlov97]

А вы не пробовали использовать DevTools? F12 очень полезная вещь. Посмотрите как работает.

Comments

[alex-1917]

а мож это у него скрин с макета?)))

[hckn]

Интересно, при чем тут девтулз? Абы ляпнуть. А главное тон какой профессиональный)))

[Gor321]

это скрин макета)

[svetlov97]

hckn, абы ляпнуть вы лезете, а я не знал сто это скрин.

[svetlov97]

Gor321, тогда ручками) ничего больше не остается к сожалению.

[hckn]

svetlov97, так в том-то и дело, что ты не знаешь, а ляпаешь.

[svetlov97]

hckn, хотите поругаться? Идите со стенкой поругайтейсь или с зеркалом. У меня желания вступать с глупый спор с хамом нет