Support » Plugin: Quotes for WooCommerce » Removing Price, Subtotal, and Total field from the Cart and Checkouts

  • Resolved danzmwl

    (@danzmwl)


    Hello, great plugin!

    I have a question – can the Price, Subtotal, and Total fields be removed from the Cart and Checkout?

    Removing these now empty fields will help to make the quote checkout experience more understandable for the end user.

    Where the fields are:
    Price and Total in the Cart
    Subtotal and Total in the Cart Totals
    Subtotal and Total in the Checkout ‘Your Order’ section

Viewing 11 replies - 1 through 11 (of 11 total)
  • Yes, do it with CSS.

    .class{
    dispay:none;
    }

    Thread Starter danzmwl

    (@danzmwl)

    Thanks for this @designful

    However this doesn’t seem to work for me.
    Could you please give further details as to this?

    Plugin Author Pinal Shah

    (@pinalshah)

    Hi @danzmwl,

    As long as the plugin is not setup to display prices on the front end, no total amounts should be displayed on the Cart & Checkout pages.

    Can you kindly confirm that the settings are correct and yet the prices are being displayed for you on the Cart & Checkout pages?

    Thanks,
    Pinal

    Thread Starter danzmwl

    (@danzmwl)

    Hello @pinalshah

    Yes no prices are being shown at all on any page of the website, the plugin works perfectly.

    I’m referring to the actual words in the cart and checkout of Price, Subtotal, and Total.

    They are now at the top of empty columns. Is there a way to remove the words or columns, to make the checkout process more plain looking?

    Plugin Author Pinal Shah

    (@pinalshah)

    Hi @danzmwl,

    Understood. This can be achieved using css changes. I’ll look into this further and get back to you with an update at the earliest.

    Thanks,
    Pinal

    • This reply was modified 2 months, 1 week ago by Pinal Shah.

    +1
    It would be better without empty fields Total & Subtotal in cart and checkout.
    I can change css, but it doesn’t have to be that way.

    Plugin Author Pinal Shah

    (@pinalshah)

    Hi @danzmwl,

    Sorry, I missed replying to you earlier. The below CSS changes should help.

    tr.woocommerce-cart-form__cart-item td.product-price {
        display: none;
    }
    tr.woocommerce-cart-form__cart-item td.product-subtotal {
        display: none;
    }
    th.product-price {
        display: none;
    }
    th.product-subtotal {
        display: none;
    }
    .cart_totals h2 {
        display: none;
    }
    table.shop_table:nth-child(2) {
        display: none;
    }

    Agreed @psih0. In case if you wish to contribute to the plugin, please feel free to raise a PR on GitHub here.

    Thanks,
    Pinal

    Thread Starter danzmwl

    (@danzmwl)

    Works perfectly @pinalshah thank you.

    Thread Starter danzmwl

    (@danzmwl)

    Is there any way to get this code to work on mobiles as well? It works great on desktop screens, but the issue still occurs on mobile screens.

    Plugin Author Pinal Shah

    (@pinalshah)

    Hi @danzmwl,

    You can try adding css for specific media sizes like

    @media (min-width: 530px){
    }

    and so on as needed.

    Thanks,
    Pinal

    • This reply was modified 1 month, 1 week ago by Pinal Shah.
    Thread Starter danzmwl

    (@danzmwl)

    Thanks for this @pinalshah

    Sorry, could you please give further details as to how to add this sizing css in? I’m a bit inexperienced as to some of this css coding.

Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.