Подсветка выбора опций

[AlexZxS]

Здравствуйте! Opencart 2.3, шаблон JULY

 

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

 

Подскажите, пожалуйста, как реализовать.

 

.checkbox, .radio:active
{
    background-color: #f60;
    color: #fff;
    border-color: #f36100;
}

Такой вариант делает подсветку только при наведении, а также выставляет тип флажок, горящим по умолчанию.

[Baco]

$('input:radio').click(function() {
    $('label:has(input:radio:checked)').addClass('active');
    $('label:has(input:radio:not(:checked))').removeClass('active');
});

 

[AlexZxS]

12 минут назад, Baco сказал:

$('input:radio').click(function() {
    $('label:has(input:radio:checked)').addClass('active');
    $('label:has(input:radio:not(:checked))').removeClass('active');
});

Спасибо, только вопрос - куда это вставлять?)

 

[Tom]

http://pavblog2.tw1.ru/iphone

 

Здесь стили просто заберите.

[AlexZxS]

Tom, стили забираю, а подсветка не работает. Может поможете в реализации?

 

 

[Tom]

Так уже помог.Всё что более называется "Сделай за меня"....

[AlexZxS]

Так это и имею ввиду. Сделать за плату.

 

Я стили добавляю, в итоге либо всё выделяется в рамочку, либо ничего не происходит.

[AlexZxS]

Tom,

Так это и имею ввиду. Сделать за плату.

 

Я стили добавляю, в итоге либо всё выделяется в рамочку, либо ничего не происходит.

[Tom]

Пишите в личку.