Removing all fields from checkout page

  • Resolved nootkan

    (@nootkan)


    2 years, 7 months ago

    Hi, I wanted to remove everything from the checkout page so all that is left is the product details and place order button.

    So far with the help of this code

    `add_filter( ‘woocommerce_checkout_fields’ , ‘remove_billing_fields_from_checkout’ );
    function remove_billing_fields_from_checkout( $fields ) {
    $fields[ ‘billing’ ] = array();
    return $fields;
    }`

    from this forum I was able to remove the billing details but not the rest (see screenshot).
    Screenshot

    Can someone help me with a snippet to remove the rest so the product detail table and place order button will shift to the left.

    Thankyou.

Viewing 14 replies - 1 through 14 (of 14 total)
  • Mirko P.

    (@rainfallnixfig)

    Hi @nootkan,

    This can be fixed with some custom CSS. Under Appearance > Customize > Additional CSS, you can add the following code:

    .woocommerce-checkout #customer_details {
display: none;
}

    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools.com. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    I hope this helps!

    Thread Starter nootkan

    (@nootkan)

    Hi Mirko, thanks for your reply.

    I should have stated in my previous post that I tried what you suggest before I posted but wasn’t satisfied with the results. Appreciate your support very much though – thanks.

    I decided to try and find a better plugin for paypal express that places the express button on the check out page as the one I am using now doesn’t do this.

    Once I found the right plugin I was able to not worry about the billing details as the instant payment method now exists on the check out page. And is functional without filling in the billing details.

    • This reply was modified 2 years, 7 months ago by nootkan. Reason: type O
    • This reply was modified 2 years, 7 months ago by nootkan.
    Mirko P.

    (@rainfallnixfig)

    Great! Thank you for letting us know.

    We generally provide limited support for customizations on this forum.

    If you need further assistance in the future for issues that are associated with the layout and style of your site it’s recommended to get in touch with the theme developer or reach out to a customization expert – https://woocommerce.com/customizations/.

    All the best.

    Hi, I will appreciate if you could give me css to remove the order Summary in the checkout page. Thanks

    Hi, I will appreciate if you could give me css to remove the order Summary in the checkout page. Regards

    Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @mynetflixtain

    I will appreciate if you could give me css to remove the order Summary in the checkout page

    What theme are you using?

    You could try the following: 

    #order_review_heading {
    display: none;
}

#order_review {
display: none;
}

    If that doesn’t work, please provide us with your status report found under “WooCommerce > Status” page or link us to your site.

    Cheers!

    Ok, when I tried it everything got deleted in the checkout page. I want to only retain the payment options added in woocommerce but disable the order Summary for products added to cart.

    I use the astra theme

    Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @mynetflixtain

    The order summary would be the #order_review but it sounds like you want to remove the elements within the summary leaving only Total order amount?

    Could you send me a screenshot of what you want to keep/remove so I can get a better idea?

    Cheers!

    Okay. Thanks. A link to the screenshot:
    Screenshot_20220808-082827.png

    The part marked x is the one I want to remove.

    Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @mynetflixtain

    OK, try the following CSS code: 

    .shop_table.woocommerce-checkout-review-order-table {
    display: none;
}

    Cheers!

    I was able to remove the table but the your order text still shows, how do I remove it .
    Thanks.
    A link to show the part not removed:
    Screenshot_20220808-084525.png

    Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @mynetflixtain

    For that the following CSS as already provided will work: 

    #order_review_heading {
display: none;
}

    Cheers!

    Thanks for the update.

    @mynetflixtain

    You’re welcome! Glad we were able to help! ??

    If you have a few minutes, we’d love if you could leave us a review:
    https://www.ads-software.com/support/plugin/woocommerce/reviews/

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Removing all fields from checkout page’ is closed to new replies.