Суть задачи
Наш проект занимается производством и реализацией авосек. Модельный ряд составляют уже более 15 моделей по 30 цветов каждая. Нашему проекту было бы проще существовать будь у нас сайт-интернет-магазин. Но нам хочется чего-то оригинального. Мы мечтаем о создании не обычной выкладки фотографий товаров, а о "конструкторе авосек". Он поможет покупателю быстро сориентироваться в ассортименте и ценах.
Выглядит "конструктор авосек" так:
Покупатель заходит в раздел "собери авоську".
Главное он видит в центре страницы. Это две зоны для сменяющихся фотографий: сверху фото ручек и снизу фото сетки (авоськи). Слева и справа от обеих фотографий стрелочки, которые перелистывают модели ручек и модели сеток. Одновременно в правом блоке, где расположено кратчайшее перечисление вариантов авосек, отмечается рамочкой тот из них, который сейчас просматривается. Одновременно меняется цена, одновременно меняется описание, где-то на свободном месте на странице.
Цвета, которые есть в наличии, обозначены квадратиками с номерами по порядку — нажимаешь на квадратик, сетка или ручка приобретает соответствующий цвет. Только цвет, модель остается та же.
Итак, модель меняется стрелочками, цвет меняется квадратиками.
Вот и все.
Комментарии