Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

Доброго времени суток, форумчане!
В общем заказал я как-то у одного программиста поменять мне стили на радиобаттонах и чекбоксах на сайте. Дефолтные уж больно для меня не вписывались в стилистику сайта. Денюжку заплатил, тот работу выполнил. Но когда был мною недавно замечен баг, я попытался с ним связаться, но человек куда-то пропал. 
Сначала были внесены изменения в стили через 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, но сомневаюсь, что дело непосредственно в ней, хотя хз. 

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

Надіслати
Поділитися на інших сайтах


  • 1 year later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.