Support » Plugin: Funnel Builder by CartFlows - Create High Converting Sales Funnels For WordPress » Show Order Summary on mobile mode by default

  • Resolved A Z.

    (@ahmedzeidan)


    Hi there,

    We all love the new update from CartFlows, the modern checkout looks way better however there is a small UX problem on mobile mode which is the Order Summary is hidden by default unless the users click on it then it will expand down.

    The issue here is that it is important to show the order summary without clicking anywhere so that the user would be aware of the shipping rates and timeframe.

    Having the order summary hidden by default on the mobile mode will cause the user to checkout without seeing the shipping timeframe and rate which leads to customer service and refunds.

    Please advise if there is an easy way to show the order summary on phone very clearly without any click!

    Thanks…

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Mahdi

    (@mahdimoafi)

    Hello there,

    Thank you for contacting us!

    As of now, we don’t have a backend option for this, but we will try to add this feature in our upcoming updates whenever feasible.

    You can use the following custom CSS to show that section by default:

    .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf_cartflows_review_order_wrapper {
    display: block!important;
    }
    

    Hope this was helpful.

    Have a great day.

    Thread Starter A Z.

    (@ahmedzeidan)

    Thanks @mahdimoafi for the CSS snippet, i have added mobile view conditions to the CSS:

    @media only screen and (min-device-width : 320px) and (max-device-width : 1000px) {
    .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf_cartflows_review_order_wrapper {
        display: block!important;
    }}

    I would love to see this option available from the backend one day.

    Thanks again.

    Plugin Support Mahdi

    (@mahdimoafi)

    Most welcome!

    Yes, we’ve already added it to our list so our developers may consider adding it whenever feasible.

    Best wishes,

    I was looking for this exact setting.
    Thanks for the quick fix. But this is a much needed feature.
    As of now, the CSS displays the block by default, but it doesn’t allow the user to hide it by clicking on the toggle.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.