• Resolved rumkunev

    (@rumkunev)


    Hi, is it possible to hide the order summary and only show to customers the multysteps part.
    I need a wider container to display a courier provider shipping calculater below the shipping hooks.
    Thanks for the support!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Diego Versiani

    (@diegoversiani)

    Hi @rumkunev,

    Currently, it is not possible to remove or move the order summary from the checkout page.

    If you just need the multi-step part wider, you can use CSS to accomplish that, making the order summary thinner. To do so, you can play with the widths in the CSS code snippet below:

    @media ( min-width: 1000px ) {
    	body.woocommerce-checkout:not( .has-checkout-must-login-notice ) .fc-checkout-header ~ .woocommerce-message,
    	body.woocommerce-checkout:not( .has-checkout-must-login-notice ) .fc-checkout-header ~ .woocommerce-info,
    	body.woocommerce-checkout:not( .has-checkout-must-login-notice ) .fc-checkout-header ~ .woocommerce-error,
    	body.woocommerce-checkout:not( .has-checkout-must-login-notice ) .fc-checkout-notices,
    	body.woocommerce-checkout:not( .has-checkout-must-login-notice ).woocommerce-checkout .woocommerce-NoticeGroup,
    	body.woocommerce-checkout:not( .has-checkout-must-login-notice ) .fc-progress-bar,
    	body.woocommerce-checkout:not( .has-checkout-must-login-notice ) .fc-inside {
    		width: 62.5%;
    		/* Define column gap value */
    		/* padding-right: $checkout-column-gap--large-screen; */
    	}
    
    	body.woocommerce-checkout:not( .has-checkout-must-login-notice ) .fc-checkout-header ~ .woocommerce-message,
    	body.woocommerce-checkout:not( .has-checkout-must-login-notice ) .fc-checkout-header ~ .woocommerce-info,
    	body.woocommerce-checkout:not( .has-checkout-must-login-notice ) .fc-checkout-header ~ .woocommerce-error {
    		/* Calculated value */
    		/* width: calc( #{ $checkout-steps-width--large-screen } - #{ $checkout-column-gap--large-screen } ); */
    	}
    
    	body.woocommerce-checkout .fc-sidebar {
    		width: 37.5%;
    	}
    }

    However, you have to account for smaller screens such as small desktops, tablets, and smartphones. Ideally, you should make the shipping calculator responsive (as to work well on small screens) if that is possible.

    We plan to add other layout options in the PRO version, including a “one-column” option that would fit well with what you described.

    Be sure to visit our website and sign up for the newsletter to receive more information about the PRO version. We have exciting new features on the line 🙂
    https://fluidcheckout.com

    I’m closing this topic for now.

    Best,
    Diego

    Thread Starter rumkunev

    (@rumkunev)

    Thanks for the guidance.
    I will try for sure.
    Also, I will keep an eye of the Pro version.

    Really, appreciate your support!

    Regards from Bulgaria.

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

The topic ‘Order summary disabling’ is closed to new replies.