Henry N

Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

.woofc-area .woofc-item .woofc-item-inner,
.woofc-area .woofc-item:hover .woofc-item-inner,
.woofc-area .woofc-item .woofc-item-inner .woofc-item-special,
.woofc-area .woofc-item .woofc-item-inner .woofc-item-remove,
.woofc-area .woofc-item:hover .woofc-item-inner .woofc-item-remove {
    -webkit-transform: initial !important;
    transform: initial !important;
}
.woofc-area .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner {
    font-weight: 700;
    font-size: 120%;
}
.woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove {
    color: inherit !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: initial !important;
    top: initial !important;
    right: initial !important;
}

Please deactivate the cache management plugin and check again.

If the condition persists, please contact us here.

Hide the Fly cart on a special page.

Php code snippets:

add_filter( 'woofc_disable', function($flag){

    global $post;

    $exlude_posts = [8, 7, 3]; // id of posts

    if( is_page() ) {
        return in_array($post->ID, $exlude_posts);
    }

    return $flag;

}, 99);

Jquery code:

(function($) {
    $(document).on('click touch', 'a.your-class', function(e) {
        woofc_toggle_cart();
    
        e.preventDefault();
    });
})(jQuery);

Note: Please replace your-class with the class of or <button> tag.

Try this:

// Add message to Fly cart
add_filter( 'woofc_above_bottom_content', function($html){

    return  $html . custom_message();    

}, 10, 1 );

Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

.woofc-menu-item .woofc-menu-item-inner-subtotal {
    display: none;
}

Could you please provide more details (preferably images and links to your published products) to clarify your request/ question?

Try this:

<script type="text/javascript">    
        (function($) { 
            $(document).ready(function(event){
                var elm = '.woofc-count';
                
                if (woofc_vars.manual_show != '') {
                    elm = woofc_vars.manual_show;
                }

                $(document).on('click touch', $(elm), function(e) {

                    e.preventDefault();

                    var counter = $(this).find('.woofc-count-number');

                    if( counter.length ) {
                        if( parseInt(counter.html()) == 0 ) {
                            var url = 'https://wpclever.test/shop/';
                            
                            $(this).off('click touch');
                            
                            if( window.location.href !== url ) {
                                window.location.href = url;
                            }
                        }
                    }
                });
            });
        })(jQuery);
    </script>

Try this:

<script type="text/javascript">    
        (function($) { 
            $(document).ready(function(event){
                
                $(document.body).on('woofc_cart_loaded', function(){
                    // Hide Bubble when page load
                    var woofc_bubble = $('.woofc-count');
                    
                    if(woofc_bubble.length) {
                        
                        woofc_bubble.addClass('woofc-count-hide');

                        var lastScroll = 0;

                        $(window).scroll(function(){
                            var nowScroll = $(this).scrollTop();
                            if (nowScroll > lastScroll){
                                // Show Bubble when scrolling down
                                woofc_bubble.removeClass('woofc-count-hide');
                            }

                            lastScroll = nowScroll;
                        });
                    }
                });
            });
        })(jQuery);
    </script>

Do you need our help?

Try this:

<script type="text/javascript">    
        (function($) { 
            $(document).ready(function(event) { 
                $(document.body).on('woofc_hide_cart', function(){
                    $(this).css('overflow-y', 'auto');
                });
                $(document.body).on('woofc_show_cart', function(){
                    $(this).css('overflow-y', 'hidden');
                });
            });
        })(jQuery);
    </script>

Try this:

<script type="text/javascript"> 
    
    (function($) { 
        $(document).ready(function() { 
            // disable mousewheel on a input number field when in focus
            // (to prevent Chromium browsers change the value when scrolling)
            $('form.cart').on('focus', '.woonp input[type=number]', function (e) {
                $(this).on('wheel.disableScroll', function (e) {
                    e.preventDefault();
                });
            });

            $('form.cart').on('blur', '.woonp input[type=number]', function (e) {
                $(this).off('wheel.disableScroll');
            });
        }); 
    })(jQuery);    
    </script>

Hi @wereallthieves.

Show at, them I have to 1 filter as after:

apply_filters( 'woocommerce_cart_item_remove_link', '<span class="woofc-item-remove"><span class="hint--left" aria-label="' . esc_attr( self::localization( 'remove', esc_html__( 'Remove', 'woo-fly-cart' ) ) ) . '"><i class="woofc-icon-icon10"></i></span></span>', $cart_item_key );

If the parameters passed in this filter are not enough to solve your problem. We will add the $cart_item parameter in a future update.

Thanks for your feedback.

Hi @webfantastic.

1. If you want to hide this panel on devices with screen width greater than 600px. Please go to Wp Admin > Appearance > Customize > Additional CSS and add the following css code:

/* hide the bar on devices with a screen width greater than 600px */
@media only screen and (min-width: 601px) {
  .wpcsb-wrapper.wpcsb-active {
		opacity: 0 !important;
	}
}

2. About using ajax for Add to cart button. You might consider using our “WPC AJAX Add to Cart for WooCommerce” plugin. It’s free.

• This reply was modified 2 years, 5 months ago by Henry N.

Hi @islamheza, to auto hide ( close ) the fly cart after 5 seconds. Please install a plugin that allows you to add javascript code to your site, eg “Insert Headers and Footers by WPBeginner” plugin. Go to Wp Admin > Settings > Insert Headers and Footers > Scripts in Footer and add the following code:

<script type="text/javascript">
(function($) {

    $(document).on( "woofc_show_cart", function( event ) {
        if ( $('body').hasClass('woofc-show') && typeof woofc_hide_cart !== 'undefined' && typeof woofc_hide_cart === 'function' ) {
            setTimeout(function() {
                woofc_hide_cart();
            }, 5000); // 1 second = 1000 milliseconds.
        }
    });
    
})(jQuery);
</script>

• This reply was modified 2 years, 5 months ago by Henry N.