Перейти к содержанию
andrew131290

Пропадают радиокнопки на странице заказа

Рекомендуемые сообщения

Доброго времени суток, форумчане!
В общем заказал я как-то у одного программиста поменять мне стили на радиобаттонах и чекбоксах на сайте. Дефолтные уж больно для меня не вписывались в стилистику сайта. Денюжку заплатил, тот работу выполнил. Но когда был мною недавно замечен баг, я попытался с ним связаться, но человек куда-то пропал. 
Сначала были внесены изменения в стили через Custom CSS и редактирования файлов шаблона, потом ввиду того, что шаблон время от времени обновляется, переделал только на css и добавил все это блок custom css в админке шаблона.

При выборе опций в фильтрах все нормально - http://joxi.ru/52avoWdcGEg6qA
Но когда переходишь на страницу заказа товара, и выбираешь страну или город, радиокнопки пропадают

скрин 1 (до выбора, кнопки на месте): 
http://joxi.ru/LmG5ZONHRwgQGA

скрин 2 (после выбора), кнопки пропали:
http://joxi.ru/Y2LKn1GCn7MRQm

 

Я пытался сам ковырять код, но ввиду кривизны моих рук, ничего не получилось. 
Может быть вы подскажете что нужно делать?

При необходимости могу скинуть доступ в админку. 

Сам кастомный цсс:
 

input[type="radio"],
input[type="checkbox"] {
    position: absolute !important;
    top: 0;
    left: 0;
    opacity: 0;
}
input[type="radio"] + span,
input[type="checkbox"] + span {
    padding-left: 22px;
}
input[type="radio"] + span::before,
input[type="checkbox"] + span::before {
    content: " ";
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    visibility: visible;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 0 2px #fff;
    transition: all .2s;
}
input[type="radio"] + span::before {
    border-radius: 50%;
}
.radio-inline input[type="radio"] + span::before {
    top: 10px;
}
label:hover input[type="radio"] + span::before,
label:hover input[type="checkbox"] + span::before {
    border-color: rgba(230, 120, 129, 1);
}
input[type="radio"]:checked + span::before,
input[type="checkbox"]:checked + span::before,
label:hover input[type="radio"]:checked + span::before,
label:hover input[type="checkbox"]:checked + span::before {
    background-color: rgba(230, 120, 129, .75);
    border-color: rgba(230, 120, 129, .75);
}

.journal-sf ul label input[type=checkbox] {
margin: 0 10px 0 0;
}


Поскольку в мозилле сие не работало, добавили еще джаваскрипта:

jQuery(document).ready(function() {
    jQuery('input:radio').each(function () {
        jQuery(this.nextSibling).wrap('<span></span>');
    });
});

 

Везде все кнопки вроде на месте, только в странице быстрого поиска не работают.
Очень надеюсь на вашу помощь.
ПС. Тема если что Journal 2, но сомневаюсь, что дело непосредственно в ней, хотя хз. 

Спасибо за внимание.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

andrew131290, как сайт называется?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Как в итоге решилась проблема ? В Хром не видно радиокнопки! В остальных браузерах все ок.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.