Доброе утро, на сайте панасоник это реализовано примерно так: Все фото товара, выстроены вертикально по последовательности соответствующего им цвета. Выбирается дефолтный цвет скажем чёрный, и выводится картинка. Тыкаем на красный, к нему привязано событие <a onc lick="new PF('/upload/iblock/620/gf2c_2870.jpg');return false" href="#pictcol">. #pictcol и есть айди дива в котором фото показываются. Функция " new PF ", я так полагаю удаляет свойство display парагарафу в котором находится картинка <p id="/u" style="opacity: 1; display: none">, а всем остальным его подписывает. А вообще проще самому код посмотреть, объяснять гораздо дольше пришлось:)
ImperM3r пишет: Доброе утро, на сайте панасоник это реализовано примерно так: Все фото товара, выстроены вертикально по последовательности соответствующего им цвета. Выбирается дефолтный цвет скажем чёрный, и выводится картинка. Тыкаем на красный, к нему привязано событие <a onc lick="new PF('/upload/iblock/620/gf2c_2870.jpg');return false" href="#pictcol">. #pictcol и есть айди дива в котором фото показываются. Функция " new PF ", я так полагаю удаляет свойство display парагарафу в котором находится картинка <p id="/u" style="opacity: 1; display: none">, а всем остальным его подписывает. А вообще проще самому код посмотреть, объяснять гораздо дольше пришлось:)
Благодарю. Как при этом надо вводить товар с разными цветами, а значит артикулами? Один артикул(цвет) - один товар в каталоге или можно одному товару в каталоге назначить несколько артикулов(цветов)?
т.е. начинать надо с редактирования детального вида, а потом писать скрипт и его подключать? Могли бы дать ссылку на подобный урок о том, как это делается?
получается в процессе ввода товара в Панасонике вводят цвет, к которому сразу же привязывают соответствующее изображение. Как это можно реализовать в админке Битрикс?
два связанных инфоблока. один из которых содержит технические характеристики и варианты цветов товара, второй - картинку товара, цену и т.д. и через списки связанных элементов реализуете. ozon.ru раздел "телефоны" например реализовано так.