Вывод атрибутов - а так возможно реализовать? - JoomShopping

видимо нет..

кх кх...
Чуть кофе не подавился...
Можно всё. Вопрос только зачем...

Ну если атрибутов слишком много

их порядка штук 200

покажите картинку. пока по написанному я вижу 1 атрибут (выпадающий список), который имеет 200 опций, а не 200 атрибутов, которые надо все сразу вывести на странице

а чем они во сплывающем окне удобнее ?

......Заказчика нет, я строю для себя сайт. Никаких знаний в программировани и даже в CSS и HTML нет)......

вижу что тема не нова, но в свое время сам с этим сильно заморачивался, поэтому выложу свое решение, может кому пригодится.

работает для атрибутов типа radio, должны быть загружены картинки обязательно (атрибут цвет например).

ie 9+ правда.
но зато без скриптов

CSS

Код: css

.jshop.productfull .jshop_prod_attributes { margin-bottom:20px; width:300px; float:left;}
.jshop.productfull .jshop_prod_attributes .input_type_radio{ float:left;width:54px; height:54px; overflow:hidden; display:block; position:relative;}
.jshop.productfull .jshop_prod_attributes .input_type_radio input{ position:absolute; z-index:-1; left:5px; top:5px;}
.jshop.productfull .jshop_prod_attributes  .input_type_radio span.radio_attr_label {text-indent:-9999px; font-size:0px;}
.jshop.productfull .jshop_prod_attributes  .input_type_radio span.radio_attr_label img { cursor:pointer; border:solid 2px; border-color:transparent; width:50px; height:50px; position:relative; z-index:2;}
.jshop.productfull .jshop_prod_attributes  .input_type_radio input[type="radio"]:checked+label img { border:solid 2px #4a3a0f;	}

для ei8 условным коментанием можно добавить вот такую строчку.

Код: css

.jshop.productfull .jshop_prod_attributes .input_type_radio input{ position:absolute; z-index:5; width:54px; height:54px; left:0px; top:0px; outline:none;}

радио батон будет висеть посреди картинки и активироваться при клике на нее, но z-index должен быть выше чем у картинки.

ну и для остальных осликов аналогично

1. в шаблоне пернесите ниже их, чтобы были по ширине больше.
2. не чек бокс а загоните их в просмотре со скролом просто и все.. бует Ваша пробелма решена

.класс дива {
overflow: scroll;
} 

все замечательно работало по вашему рецепту пока я не захотела открыть их во всплывающем окне через modal.js встроенный плагин Joomla...не могу понять почему в модальном окне не работает, стили те же, но вот по label уже не переключается, есть идеи?

Помогите мне хоть сделать там какой нибудь бокс чтобы скрывать эти атрибуты, а когда нужно раскрывать.