Editing the cart page

Hello.
1) Tell me how can I remove block 2 on the cart page? (see screenshot) Block # 1 change the column width to col-12 on all devices? Move the checkout button as shown in the screenshot?

If you cannot do as in point # 1:
2.1) I can combine woocommerce cart and checkout shortcodes on the checkout page.
2.2) Then how do I remove the checkout page when I buy a product? And how to remove the second line of the coupon entry (from the checkout page)?
2.3) How to remove the “Checkout” button in the cart popup?

Hello,

I saw the screenshot you attached.

1) Sorry but there is no option in Theme Settings available for that.

It requires customizations and this is beyond our limitations and support policy.

2) Sorry but it is not possible to combine both the checkout and cart they need to be on different pages.

If you still need the CSS to hide the entries from the checkout page and cart popup then let me know I will provide you with CSS.

Regards.
Xtemos Studios

Yes, interesting, thanks. How do I remove these buttons?

Hello,

Please try adding the following Custom CSS for that.

li.step-checkout.step-active {
    display: none;
}

.woocommerce-form-coupon-toggle {
    display: none;
}

Regards.
Xtemos Studios.

Okay. Thank you.
I have combined the cart and checkout shortcodes. Now cart page = checkout page.
1) How do I make my cart block width 100%.
2) How can I change the color of the price to white, but so that in other places (especially in the receipt) the color of the price remains green and black?
3) How do I hide the Checkout button in the shopping cart popup?

Hello,

You are Most Welcome.

1) Please try adding the following Custom CSS for that and see if this works for you. Otherwise it requires Customizations.

.woocommerce-cart-form.col-xl-8 {
flex: 0 0 100%;
max-width: 100%;
}

2) Please try adding the following Custom CSS for That.

.woocommerce-cart-form__cart-item span.woocommerce-Price-amount.amount {
color: white;
}

3) Please try adding the following Custom CSS for That.

a.button.checkout.wc-forward {
display: none;
}

Regards.
Xtemos Studios

1)How to delete a block on the cart page and leave the “Checkout” button.

Hello,

I saw the screenshot you attached.

Sorry but it is not possible with simple Custom CSS. It requires customizations and this is beyond our limitations and support policy.

Regards.
Xtemos Studios

1) Good. How can I hide the following fields from the “Order Amount” check: Subtotal, selection of delivery options and the button to change the address?

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

tr.cart-subtotal, #shipping_method, .cart-totals-inner .woocommerce-shipping-destination, .cart-totals-inner .woocommerce-shipping-calculator {
    display: none;
}

Best Regards

I pasted in your code, but now I’m missing the shipping selection boxes on the checkout page? How can I remove these blocks, but only on the cart page? Thank you.

Hello,

Please replace the previous Custom CSS with the following then clear cache and check back.

.page-id-10419tr.cart-subtotal, #shipping_method, .cart-totals-inner .woocommerce-shipping-destination, .cart-totals-inner .woocommerce-shipping-calculator {
    display: none;
}

Regards.
Xtemos Studios

Thank you for your help. I did as you said, but still the blocks were removed on all pages.
I need to remove the blocks on the cart page (1), but on the checkout page, all the blocks should remain (2). Please check again. Thank you.

Hello,

As you have combined the pages into one page and the pages use the same classes that’s why it’s working for both.

Sorry but we could not change the classes of the elements because they are generated by woocommerce and our theme doesn’t influence them.

Regards.
Xtemos Studios

I removed the merging of the pages. I now have everything as it was originally in the template. There is a separate shopping cart page and a separate checkout page. Each page has its own shortcode. Please check the links that I have already sent you.

Hello,

Please try adding the following Custom CSS.

.woocommerce-cart .cart-subtotal, #shipping_method, .cart-totals-inner .woocommerce-shipping-destination, .cart-totals-inner .woocommerce-shipping-calculator {
    display: none;
}

Best Regards

Why, when I add the number of products (for example 4) on the cart page, the cost and amount do not change?

Hello,

I saw the screenshot you attached.

There is a button to update the cart that you have set to hidden using Custom CSS. It is necessary to click the update button to update the cart.

Screenshot for Clarification: https://ibb.co/qNK4C1m

So please try removing the Custom CSS then the button will appear.

Best Regards.

Thank you. I opened the “update cart” button.
1) how can I style the “update cart” button like the “add coupon” button? I need to change the style of the button at rest and on hover.
2) how to change the background of the tooltip when the cart is refreshed?
I have attached a screenshot.
3) I need to make changes to the width of the .woocommerce-checkout ul # shipping_method block in desktop and mobile. I can pay $ 10 for your work. Thank you.

Hello,

You are Most Welcome.

1) Please try adding the following Custom CSS for that.

.cart-actions .button[name="update_cart"] {
    color: white;
    background-color: green;
}

2) Please try adding the following Custom CSS for that.

.woocommerce-message {
background-color: orange;
}

3) Sorry but we do not provide paid customization services. We provide only support within our policy frames, if you need additional customization you can find a developer or try to contact our partners https://wpkraken.io/?ref=xtemos.studio

Best Regards.

Please tell me just in which file you can change the frontend of this block on the shopping cart and checkout page? I’ll try to make the changes myself. Thank you

Hello,

Sorry but the screenshot you provided is not working.

Please provide me with the working screenshot to check it myself and help you out accordingly.

Best Regards

[Author]

Posts