How to change number of columns in checkout order summary?

  • Resolved sciroccojim

    (@sciroccojim)


    2 years ago

    Hello. I’ve been searching and experimenting and I’m getting nowhere…my products have customization options, which result in a very messy summary on the checkout page. I’m not very good with CSS and can’t figure out how/if I might change this to a one column layout:

    https://ibb.co/SQpbKHC

    As you can see, the middle column is a mess. At the very least, I’d like to make that one wider and the price column narrower, but I think a single column layout would be better.

    I’m very unskilled, so please go easy on me if you paste a bunch of CSS here and I follow up with specific questions about how to manipulate it.

    Alternatively, I might just remove the order info from the checkout page, but I can’t seem to figure out how to do that using the Modern One Column layout – and that’s not really ideal.

    I appreciate your input on this!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Shravan Bhaskaravajjula

    (@bhshravankumar)

    Hello Jim,

    You are referring to variations/product options of the product and this is the default view of the WooCommerce checkout for showing the variations options.

    The filter code [ add_filter( ‘woocommerce_product_variation_title_include_attributes’, ‘__return_true’ ); ] is a WooCommerce filter code to show the product options below the title, other than that we don’t have any other option to fix the product options UI, the WooCommerce checkout pages use an HTML table structure for showing order summary and it restricts the styling of the product options.

    Please contact WooCommerce support for further support on a fix for the product options UI because CartFlows checkout works on top of WooCommerce checkout and the order summary is controlled by WooCommerce.

    Thread Starter sciroccojim

    (@sciroccojim)

    Thank you. I’ve done my best to look into the styling of this area and found the attributes that affect this, but I must enlist some help in order to modify them properly.

    Plugin Support Shravan Bhaskaravajjula

    (@bhshravankumar)

    Hello @sciroccojim,

    Sure, I will discuss this issue with our developers and ask if they can fix this issue and release a fix in future updates.

    Hope this helps.

    Thread Starter sciroccojim

    (@sciroccojim)

    That would be great, thanks. I simply can’t use the plugin and checkout flow without correcting the layout issue.

    Plugin Support Shravan Bhaskaravajjula

    (@bhshravankumar)

    Hello @sciroccojim,

    Sure, I have forwarded your request to our internal team.

    Let us know if we could be of any further assistance.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change number of columns in checkout order summary?’ is closed to new replies.