Changing the Cart page

Hi,
I have a couple of requests:
1) Is there anyway that I can eliminated cart page, remove go to cart button and go directly to checkout?

2) Is there any way that I can change the layout of the chack out page?

3) Can you help to achieve the goals in the pictures?

Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached. Unfortunately, there is no option in Theme Settings to achieve what you want. Because the cart is WooCommerce functionality and our theme doesn’t influence it.

If you want to hide the options from the MiniCart you need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

For Mini cart:

.cart-widget-side .widget_shopping_cart .remove {
display: none;
}
.cart-widget-side .widget_shopping_cart .quantity {
display: none !important;
}
.woocommerce-mini-cart__total.total {
display: none;
}
.cart-widget-side.button.btn-cart.wc-forward {
display: none;
}

For Cart Page:

.woocommerce-cart-form__contents .product-quantity {
display: none;
}
.woocommerce-cart-form__contents .product-subtotal {
display: none;
}
.row.cart-actions {
display: none;
}
.cart-totals-inner h2 {
display: none;
}
.shop_table .cart-subtotal {
display: none;
}
.shop_table .order-total {
display: none;
}

Best Regards.

Thanks Aizaz, You have been most helpful. Please see attached pictures. I was wondering if:

1) The cart page can be eliminated and the user can be directed to checkout page instead when clicks on the cart icon or presses check out button?

2) in the case above, can you provide the code to remove the “View Cart” from the mini cart?

3) in the case above, can the table from cart page (where the item can be removed) replaces the table under “Your Order” section in the checkout page?

4) in the case above, I’d like to switch the “Billing Detail” and “Your Order” positions, while keeping the “Place order” and note above it in its currect pistion under the new “Billing Details” position! See picture.

I appreciate your assistance.

Attachments:

You must be logged in to view attached files.

Hello,

1) Unfortunately, you could not make the cart move to the checkout button. Because they are WooCommerce functionality and our theme doesn’t influence it.

2) To remove the cart button from the sidebar you need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woocommerce-mini-cart__buttons .btn-cart {
display: none;
}

3,4) The changes you are asking are not just possible with simple custom css. It requires customizations and this is beyond our limitations and support policy.

Best Regards.

Can you at least provide me with an instruction so I can do it on my own?

Hi Aizaz,
I moved my Cart table to checkout page using the following code:

add_action( 'woocommerce_checkout_before_order_review', 'bbloomer_cart_on_checkout_page_only', 5 );
 
function bbloomer_cart_on_checkout_page_only() {
 
if ( is_wc_endpoint_url( 'order-received' ) ) return;
 
echo do_shortcode('[woocommerce_cart]');
 
}

Now, Can you help with the followings:

1) I want to remove the old order review section.
2) I want to add the same stle of the old “Order review” table to the new table. See the picture.
3) Is there any way to add brand logo to this table instead of product image?

Thanks for you assistance.

Attachments:

You must be logged in to view attached files.

Hello,

We are Glad that you found the solution for yourself. You are Great!!!

I saw the screenshot you attached. Unfortunately, we could not help you with this as these tasks are not possible with just Custom CSS. It will also require customization and that is beyond our limitations and support policy.

Best Regards.

[Author]

Posts