Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


 Share

Recommended Posts

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

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

Edited by artemleon
Link to comment
Share on other sites


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

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

Link to comment
Share on other sites


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

Link to comment
Share on other sites


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

Link to comment
Share on other sites


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

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

 

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

Link to comment
Share on other sites

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

Edited by artemleon
Link to comment
Share on other sites


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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites


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

 

Link to comment
Share on other sites


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

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

 

image.thumb.png.b67121e4829bf264367d1a4ec862cebe.png

 


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%;

Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.