Набросал тестовый товар - скрин в аттаче.
То, что выделено красным и есть значения атрибута, которые надо засунуть в прокрутку. Причём таких атрибутов может быть несколько, и значений атрибутов может быть за 50))
Это нужно только для альбомной ориентации экрана, т.к. в книжной всё оч хорошо группируется под фото товара.
Если кто знает другой подход к решению данной проблемы, делитесь) думаю, это будет полезно не только мне.
поиграйся со стилями в product.css
для "альбомной" используй медиа-функции
типа min-width: 767px
назнач в ней для #attributes .attribute_list #color_to_pick_list
вертикальный размер чтобы уместились 3 картинки-атрибуты
для прокрутки добавь overflow-y: scroll;
например
Код:
#attributes .attribute_list #color_to_pick_list {
height: 190px;
overflow-y: scroll;
}
получишь, см.скрин
прокрутка атрибутов