• Resolved teambit

    (@teambit)


    Hello guys

    Thank you for making a DIBS integration for WooCommerce, you are my preferred choice.
    When i try to implement it on my checkoutpage, the layout of the page is ruined when watched on a desktop. Furthermore the radiobuttons on the page becomes inactive, and i cant choose any other payment method than DIBS. When watched on a smartphone or tablet it all falls into place, but my radiobuttons are still inoperable. The checkout works as supposed, no bugs there.

    Please advice. I had to deaktivate the plug-in for now, until I have a workaround, to not confuse my customers.

    Best regards Olliver

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi Olliver,

    Thank you for choosing Easy.

    I can’t tell for sure if it’s the theme that has a css styling issue.

    But if you see this Screenshot , by removing the css rule width:30% on that exactly css file you will be shown the correct view.
    Even better is if you have added your own css style that can overwrite your theme css file or if the theme has an css editor added into the theme setting page.

    Does this help?

    EDIT: I can see that I was a bit too fast regarding the radio button. let me investigate this and get back to you shortly.

    • This reply was modified 6 years, 8 months ago by dibspayment.

    Please try and overwrite your css rules with these:

    @media screen and (min-width: 992px)
    .woocommerce-checkout.checkout-style-b #order_review, .woocommerce-checkout.checkout-style-b #order_review_heading {
    width: 100%;
    float: right;
    }

    @media only screen and (min-width: 768px)
    body.dibs-selected #dibs-order-review #order_review, body.dibs-selected #dibs-order-review #order_review_heading, body.dibs-selected #dibs-order-review .woocommerce-additional-fields {
    display: contents;
    }

    Thread Starter teambit

    (@teambit)

    Hello
    Thanks for the answer. However the display: contents; rule is only experimental, and not accepted when typed in. Chrome doesn’t recognise it either.

    Still not able to click my radiobuttons for choosing payment method. Any thoughts?

    Best regards Olliver

    It’s difficult for me to tell you exactly what display value you can use, since you removed your Easy integration.

    I know some other options will work as well.

    If you enable your Easy again, and then use Inspect element, you will get some suggested values: Screenshot
    Some of those will work.

    Thread Starter teambit

    (@teambit)

    I’m very grateful for your efforts, however the customer has chosen that it is not in his interest to force the customer to type in his or her data and address two times, which would be the process if the DIBS EASY solution is chosen.
    We are looking for a solution where only the credit card information has to be given, nothing more. Unfortunately the DIBS EASY solution can’t be only that.

    Best regards Olliver

    Hi Olliver,

    The DIBS Easy solution handels all the data, meaning that customers only have to fill out their data and addresses once.

    Please try out our demo, also made with Woocommerce: easydemo.dibs.dk

    You are welcome to call back on the same phone number as yesterday.

    Thread Starter teambit

    (@teambit)

    I know, but so does WooCommerce. And i don’t need Easy to do the same. Furthermore WooCommerce saves the data in my own database, and not in a cookie or some other database.

    Once again thank you for your time, and fast help.
    Best regards Olliver

    No Problem.

    But also for me to make it clear, all data is saved in woocommerce as well- no cookie or what so ever.
    The only difference is the look of the checkout steps, where your customers can save their cards and address in order to increase the conversion rate and generel UX flow.

    Best Regards

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Plug-in bad for my website layout’ is closed to new replies.