Remove “Checkout” from drop down basket

  • marko2002

    (@marko2002)


    5 years, 8 months ago

    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)
  • Abhishek

    (@abhikr781)

    5 years, 8 months ago

    Hi,

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

    Thread Starter marko2002

    (@marko2002)

    5 years, 8 months ago

    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 5 years, 8 months ago by marko2002.
    • This reply was modified 5 years, 8 months ago by marko2002.
    Thread Starter marko2002

    (@marko2002)

    5 years, 8 months ago

    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

    Abhishek

    (@abhikr781)

    5 years, 8 months ago

    Hi,

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

    Thread Starter marko2002

    (@marko2002)

    5 years, 8 months ago

    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.