14 replies to this topic

[zeus07]

Здравствуйте!

 

Сайт: http://clock.artcolorit.com/

 

На странице корзины у сервисов доставок и способов оплаты заменил изображения чекбоксов на свои. По умолчанию всегда первый способ оплаты и первый сервис доставки выделены, а у меня почему-то нет этого выделения. 

 

Вот скриншот: http://clip2net.com/s/3sYIGs5

 

В чём может быть проблема? Подскажите пожалуйста.

[laRus]

Потому что jbcart-radio переопределяется в стиле шаблона (на "пустой кружочек" ):

 

из-за чего нужный бэкграунд не срабатывает:

[zeus07]

Если там в 1278 строке прописать изображение с состоянием "checked", то оно будет такое у всех способов

[laRus]

Если там в 1278 строке прописать изображение с состоянием "checked", то оно будет такое у всех

а и не надо там это прописывать.. !

 

У тебя в стиле шаблона вот что:

 

А затирается вот что:

 

Ну и.. как бэ.. 

[zeus07]

Не, ну я видел) 

 

Но у того изображения, которое затирается, должно же меняться как минимум свойство background-position чтобы менялась картинка) и онон по идее где-то меняется, Возможно в каком-то скрипте) 

[Cheren-dow]

zeus07, посмотрите в стилях стили для псевдокласса :checked

[zeus07]

zeus07, посмотрите в стилях стили для псевдокласса :checked

 

Дело в том, что у меня как раз прописано вот так: 

.jbzoo .jbcart-radio-input:checked:focus + .jbcart-radio-label .jbcart-radio {
   background: url(../images/checkbox-checked.png) no-repeat center !important;
}

[Cheren-dow]

zeus07, посмотрите как через less формируются стили:

\media\zoo\applications\jbuniversal\assets\less\cart\cart.less

Откройте исходный css который подключается, скопируйте и измените под свое изображение.

[zeus07]

В смысле открыть кешированный файл css уже? И там заменить? Потому что в cart.less этого нет

[Cheren-dow]

zeus07, в файле cart.less есть следующие стили:

// customized radio button START
    .jbcart-radio {

        float: left;
        cursor: pointer;
        margin-right: 12px;
        margin-bottom: 8px;
        position: relative;
        #sprite > .init('../../img/misc/radio.png', 26px);

        &:hover {
            #sprite > .image(1);
        }

        // relate with real radio-button
        &-input {
            #box > .ghost();
            &:hover            + .jbcart-radio-label .jbcart-radio { #sprite > .image(1); }
            &:focus            + .jbcart-radio-label .jbcart-radio { #sprite > .image(1); }
            &:checked          + .jbcart-radio-label .jbcart-radio { #sprite > .image(2); }
            &:checked:hover    + .jbcart-radio-label .jbcart-radio { #sprite > .image(3); }
            &:checked:focus    + .jbcart-radio-label .jbcart-radio { #sprite > .image(3); }
            &:disabled         + .jbcart-radio-label .jbcart-radio { #sprite > .image(4); }
            &:disabled:focus   + .jbcart-radio-label .jbcart-radio { #sprite > .image(4); }
            &:disabled:checked + .jbcart-radio-label .jbcart-radio { #sprite > .image(5); }
        }

        &-label:hover .jbcart-radio,
        label:hover &-input {
            #sprite > .image(1);
        }

    } 

Если вы используете css найдите в кешированном файле уже готовые стили перенесите их в свой файл но измените путь до своей картинки