Remove “Checkout” from drop down basket

  • Hi guys, I’ve tried pretty much every CSS trick I could find and so far I can’t see any way to actually remove the “Checkout” from the drop down shortcode I’m using for our basket on the site.

    I have the standard [oceanwp_woo_cart total=”true” color=”#fe5252″ hover_color=”#222″]

    and would love if someone could direct me to how to remove the “Checkout” button and then possible centre the “View Basket” button.
    Many thanks in advance
    Marko

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi,

    Please share the snapshot and the page URL to inspect the issue.

    Thread Starter marko2002

    (@marko2002)

    Hi, URL is any page that a product has been added to the basket and then the drop down cart is accessed by means of hovering over it.
    Screen attached https://ibb.co/VD26WYy

    We see “View Basket” and “Checkout” from the drop down, it’s the “Checkout” I’d like to remove and centre the “View Basket” if possible in it’s place ??
    I’ve tried a few CSS alternations, the last one:

    .top-login-mini-cart a.button.checkout{
    visibility: hidden;
    }

    But nothing seems to work.
    Thanks
    Marko

    • This reply was modified 4 years, 6 months ago by marko2002.
    • This reply was modified 4 years, 6 months ago by marko2002.
    Thread Starter marko2002

    (@marko2002)

    I actually found an alternative way of doing this, rather than remove the “Checkout” button I was happy to simply loose the entire drop-down functionality, therefore just added style=”custom_link” into my existing code for the TopBar so my code is now:

    Your Cart: [oceanwp_woo_cart total=”true” color=”#fe5252″ hover_color=”#222″ style=”custom_link”]

    The basket icon when clicked just goes straight to the basket, which is exactly where I want users to go.

    Hope this helps others
    Marko

    Hi,

    Thanks for sharing the solution with us.
    and Glad to hear that issue has been fixed.

    Thread Starter marko2002

    (@marko2002)

    Additionally, and just in case anyone else is looking for a way to completely “hide” the “checkout”, on mobile it still pops up but change …
    Appearance > Customise > Woocommerce > General > Display Basket When Product Added to NO and this prevent the mobile basket drop-down from appearing too ??
    Marko

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Remove “Checkout” from drop down basket’ is closed to new replies.