Show fly carton hover instead of click

Hi @chrisdadd

Please add below snippet (How to add custom code?):

add_action( 'wp_footer', 'woofc_show_cart_on_hover', 99 );
function woofc_show_cart_on_hover() {
	?>
    <script type="text/javascript">
      jQuery(document).on('mouseenter', '#site-header-cart', function() {
        woofc_show_cart();
      });
    </script>
	<?php
}

You should change ‘#site-header-cart’ to another element on your site.

Hi guys, hope you are doing great ??

@wpclever

I don’t think that that is what @chrisdadd wanted to achieve.
The code works as he described.
But, on your live demo site, it is solved differently
https://demo.wpclever.net/woofc/?utm_source=content&utm_medium=woofc&utm_campaign=wporg

In the far right of the header is a cart icon. When you hover it, there is a dropdown cart.
Then, if you click it, you get the floating sidebar cart.

How do we get both of these different carts (on hover and on click) on the same page, like in your demo?

I want the user to be able see and edit the cart quickly with the on-hover dropdown cart.

And, I’d like to hook the checkout to the on-click cart. For digital products, the checkout is simple and all can be showed as a pop-up on the shop page.
But, it looks like there is no hook below the cart pop-up.
How do I hook something to it?

Thank you