Сообщений в теме: 4

[Natali]

Помогите настроить фильтер, что бы вместо текстовой информации были картинки. Например вместо слова - бордовый маленькая картинка.

Прикрепленные изображения

• 

[xatberg]

если тот вариант непонравился вот еще 

[Natali]

А скажите пожалуйста в каком файле (наименование файла и где он лежит) прописывать эти строчки и куда класть картинки которые должны погружаться?

[xatberg]

media\zoo\applications\jbuniversal\assets\css\jbzoo.filter.css 

я когда экспериментировал в моем случае код был такой

input#filterel128cad5a-5d2e-4f82-ba18-22e6d5009679belyj {
    display: none;
}

input[type="checkbox"]:checked + label[for="filterel128cad5a-5d2e-4f82-ba18-22e6d5009679belyj"]{
    content: "";
    font-size: 0px;
    display: inline-block;
    height: 15px;
    margin:0;
    padding:0;
    width: 15px;
    border:1px #000 solid;
    background: #FFF;
    box-shadow:2px 2px 1px black;
}

input[type="checkbox"] + label[for="filterel128cad5a-5d2e-4f82-ba18-22e6d5009679belyj"]{
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    border:1px #000 solid;
    border-radius:10px;  
    font-size: 0px;
    background: #FFF;
}

не забывайте что каждому чекбоксу присвоен id ( filterel128cad5a-5d2e-4f82-ba18-22e6d5009679belyj ) в Вашем случае цвет вот его и надо смотреть через firebug 
 

 
если вместо цвета нужно поставить изображение то при небольших познаниях css  можно сделать вместо

background: #FFF;

background:url(images/изображенице.пнг);

вот кстати сайт Артура который реализовал цвета в фильтре

Прикрепленные изображения

• 

Сообщение отредактировал SmetDenis: 05 November 2013 - 07:24

[xatberg]

про изображения то забыл, спешил отлучится надо было

если нужно что бы картинки индексировались в поисковых системах то закидывайте в папку /images

если нет то другую директорию какая нужна просто путь до картинки будет другой типа

background:url("../raz/dva/tri/colnishko_gori/изображенице.пнг");

как бы правильно наверно будет (если много изображений) объеденить в css спрайт, ну это если интересно можно в почитать в интернете