Выбор цвета в карточке товара

[artemleon]

Добрый вечер!

Неожидано для себя столкнулся с проблемой выбора цвета в карточке товара при покупке. При чем данная проблема существует только в мобильных устройствах с OC IOS. Получается выбрать цвет в один клик неполучается. Можете подсказать почему так просходит и как с это побороть? Смотрите видео.

Змінено 23 серпня 2018 користувачем artemleon

[prived]

а вы смотрели видео? 

[artemleon]

7 минут назад, prived сказал:

а вы смотрели видео? 

) да смотрел. Но в чем подвох непонял

[prived]

не видно что в конце они пишет - что за ошибка

[mazein]

Гадания переходят на новый уровень - по видео.

[prived]

Я могу сказать что - Для решения Вашей проблемы вам нужен второй айфон и желательно + 7plus или 8 plus 

У них лучше камера - возможно будет видно ссылку на сайт и проблему!

[Einshtein]

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

[artemleon]

Правильно сказал человек (господи, как же я ненавижу конченый ios - вечно он мозг имеет, особенно учитывая что нормальной среды для отладки нет, и без наличия айфона под рукой - фиксы превращаются в тупое тыканье пальца в небо.). Но проблема присутствует, а айфона не имею, и как мля решить данный баг на сайте незнаю. Или хотя бы пояснить заказчику почему так происходит, и что надо сделать чтоб все работало так же как на андроиде тоже незнаю. По этому и обращаюсь к Вам всем за помощью. 

[mazein]

3 минуты назад, artemleon сказал:

По этому и обращаюсь к Вам всем за помощью. 

 

Но ссылку на сайт конечно же не дам.

[artemleon]

А надпись следующая "Цвет - объязательно!". Следовательно по какой-то непонятной мне причине цвет не выбирается в один клик. И еще раз повторюсь. Данный баг только на ios. ссылка на сайт https://sanag.com.ua/sanag-j2

Змінено 23 серпня 2018 користувачем artemleon

[HyperLabTeam]

Надо вам вынести мозг автору шаблона

[mazein]

Ну видно ведь на видео, что выбирая опцию, она не подчёркивается, значит опция не выбрана.

А не выбирается она потому, что перекрывается названием в tooltipe.

[artemleon]

2 минуты назад, AWARO сказал:

Надо вам вынести мозг автору шаблона

Проблема абсолютно носит локальный характер, с десяток сайтов я уже сделал на данном шаблоне, проблем до сих пор было 0. Сможет кто-то подсказать что с этим делать?

[HyperLabTeam]

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

 

[artemleon]

9 минут назад, AWARO сказал:

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

 

 

element {

}
#product .options .has-image {

    display: inline-block;
    margin: -10px 10px 0px 0px;
    max-width: 45px;

}
.checkbox + .checkbox, .radio + .radio {

    margin-top: -5px;

}
.checkbox + .checkbox, .radio + .radio {

    margin-top: -5px;

}
.checkbox, .radio {

    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;

}
.checkbox, .radio, input[type="file"], output {

    display: block;

}
.checkbox, .radio {

    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;

}
*, ::after, ::before {

    box-sizing: border-box;

}
* {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
body, input, textarea, select, .form-control, .icon-element, .main-menu > ul > li, .grid-holder .item, .cm_content .cm_item, .instruction-box .caption a, .btn, a.button, input.button, button.button, a.button-circle, .single-product .price .price-old, .special_countdown p, .list .item.single-product .price-tax, .form-control, label, .icon-element {

    font-size: 14px;

}
body, .product-name.main-font, .gridlist .single-product .product-name, .gridlist .single-blog .blog-title, #bc-h1-holder #page-title {

    font-family: Tahoma,Verdana,Segoe,sans-serif;

}
body, html {

    font-weight: 400;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: 'liga' , 'kern';

}
a, body, mark {

    color: #000;

}
body, .product-name.main-font, .gridlist .single-product .product-name, .gridlist .single-blog .blog-title, #title-holder #page-title {

    font-family: 'Karla', sans-serif;

}
body {

    color: #4C4C4C;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;

}
body {

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;

}
html {

    font-size: 10px;

}
html {

    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;

}
html {

    font-size: 10px;

}
html {

    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;