Cart preview on check out page

Hi there!

With Storefront Powerpack, you can remove the cart from header: https://cld.wthms.co/mX0uMs

The end result would be: https://cld.wthms.co/C2kv83

It also comes with a wide range of customization options: https://docs.woocommerce.com/document/storefront-powerpack/

If you only want to disable cart icon via CSS, you use the following CSS snippet:

/* Hide header - cart */

.site-header-cart {
    display: none;
}

Please navigate to **Dashboard > Appearance > Customize > Additional CSS**, add the above snippet and then click on Publish button to save changes.

Note that this will only remove the cart icon, but not the page, or the process itself.

Once that’s done, we can either disable cart via custom coding: https://www.cloudways.com/blog/skip-cart-page-go-straight-to-checkout-page-woocommerce/

Or you can disable the cart function by making use of any third party extension that will help you redirect your customers directly to the checkout page. You can find plugins by searching for WooCommerce Add to Cart Redirect in your favorite search engine.

I tried but not working.

Hi there @devildad ??

I tried to take a look at your Checkout page, but when I try to access it, it takes me to https://topupghorbd.com/my-account/?redirect_to_checkout. Here is a screenshot: https://d.pr/i/TfaJIg

I do not see any cart preview on that page. If it still shows when logged in, even with the code my colleague shared, could you please try this code instead:

/* Hide order review on checkout */
.woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading {
    display: none;
}

This will hide the cart review box on the checkout page only, so this will be hidden: https://d.pr/i/Nloh3g

If that also does not work for you, please allow us to access your Checkout Page without having to login. We are unable to register using a Phone Number on your site.

I hope that this helps ??

It remove my payment options

Hi @devildad

Could you please try this code instead:

/* Hide the Cart Preview on Checkout */
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table thead, .woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tbody {
    display: none;
}

If that does not help, we’ll need you to allow us to access your Checkout Page to see what is happening.

If that is not possible, please create a Staging Site using WP Staging or something similar, then let us know the link to the checkout page on the staging site.

Thanks!

Not working

@devildad

Thanks for giving it a try. It works on my site using Storefront, so my suggestion would be that you make a staging site or allow us access to the Checkout Page without having to login. Thanks!

Now you can access check out page without having to login.

Thank you for that @devildad ??

To hide it, you can add:

/* Hide the Cart Preview on Checkout */
.woocommerce-checkout.woocommerce-cart-form {
    display: none;
}

The outcome will then be: https://d.pr/i/OQICZj

Hope it helps!

I applied it and the result…not working
https://ibb.co/SX5qDVp

Hi again @devildad ??

Sorry about that. Looks like I missed the space when I shared my code. This should definitely work:

/* Hide the Cart Preview on Checkout */
.woocommerce-checkout .woocommerce-cart-form {
    display: none;
}

• This reply was modified 2 years, 9 months ago by Joash.

Thanks now it’s working

Awesome, I am glad to hear that @devildad

If anything else comes up, please feel free to make a new topic.