Problem with Payment Method woocommerce

  • Resolved LEstradioto

    (@lestradioto)


    6 years, 5 months ago

    I’m using Theme + Native. Theme is Storefront and plugin Woocommerce.

    At checkout when clicking on Payment Method, after Ajax refresh, the radio checked doesn’t get checked. See the GIF -> https://recordit.co/TDc4Vy8iGL

    At desktop is normal, but, if you use Console to click(), then the problem happens.

    Maybe some woocommerce integration problem ?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Amauri

    (@amauric)

    6 years, 5 months ago

    Hey

    Send me the website url and I’ll check how to solve this bug 😉

    Thread Starter LEstradioto

    (@lestradioto)

    6 years, 5 months ago

    https://www.patiolivre.com.br

    here it goes!

    Plugin Author Amauri

    (@amauric)

    6 years, 5 months ago

    This is a visual bug with the red/black colors, the payment method is correctly selected.

    Add this CSS in the wpmobile plugin > CSS and Javascript > In the app > CSS :

    html #payment .payment_methods label::before {
    color: transparent!important;
    }

    li.wc_payment_method input[type=”radio”] {
    position: initial;
    width: auto!important;
    height: auto!important;
    clip: unset!important;
    -webkit-clip-path: unset!important;
    margin: 28px 0 0 30px!important;
    }

    Thread Starter LEstradioto

    (@lestradioto)

    6 years, 5 months ago

    Thanks for the fast feedback.

    Unfortunately when the touch is at the Label it doesn’t work. But if you touch only the Radio button (the input) it works. But not on label.

    How to solve the label problem?

    I was searching some similar problems and others have some problem with JQuery UI mobile, somwthing with .checkboxradio(‘refresh’), or the propagation of events… But I guess this isn’t the case…

    Thread Starter LEstradioto

    (@lestradioto)

    6 years, 5 months ago

    I solved disabling the label using jQuery to eliminate the “for=” attribute.
    User needs to click directly at the input, then the css changed to draw more attention.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Problem with Payment Method woocommerce’ is closed to new replies.