Hints Archives - WooCommerce Products Filter

Manipulating by CSS class in tag body while filtering

If it is necessary to add any special CSS class in tag <body>, it is possible with hook ‘body_class’. Example:

add_filter('body_class', function($classes, $class) {
    global $WOOF;
    if (is_object($WOOF)) {
        if ($WOOF->is_isset_in_request_data($WOOF->get_swoof_search_slug())) {
            if ($WOOF->is_isset_in_request_data('pwb-brand')) {
                if ($WOOF->is_isset_in_request_data('really_curr_tax') AND intval($WOOF->get_request_data()['really_curr_tax']) === 23) {
                    $classes[] = 'term-shoes tax-product_cat';
                }
            }
        }
    }

    return $classes;
}, 10, 2);

add_filter('body_class', function($classes, $class) {

global $WOOF;

if (is_object($WOOF)) {

if ($WOOF->is_isset_in_request_data($WOOF->get_swoof_search_slug())) {

if ($WOOF->is_isset_in_request_data('pwb-brand')) {

if ($WOOF->is_isset_in_request_data('really_curr_tax') AND intval($WOOF->get_request_data()['really_curr_tax']) === 23) {

$classes[] = 'term-shoes tax-product_cat';

}

return $classes;

}, 10, 2);

On the code above is scenario: when WOOF searching is going by ‘brand’ and current page is page of category with ID 23 – system add CSS classes ‘term-shoes tax-product_cat’ to tag <body>…. read more

Auto scroll to products top in redirect mode

In file footer.php of your current wordpress theme (use child theme) add next code:

<?php if (isset($_GET['swoof'])): ?>

    <script>
        jQuery(function ($) {

            setTimeout(function () {
                $('html, body').animate({
                    scrollTop: $(".woof_products_top_panel_content").offset().top - 100
                }, 777);
            }, 333);

        });
    </script>

<?php endif; ?>

<?php if (isset($_GET['swoof'])): ?>

jQuery(function ($) {

setTimeout(function () {

$('html, body').animate({

scrollTop: $(".woof_products_top_panel_content").offset().top - 100

}, 777);

}, 333);

});

</script>

<?php endif; ?>

.woof_products_top_panel_content – is a CSS class of container where scrolling will be finished. You can use any container with any CSS class or id …

Auto scroll to products after their filtering in redirect mode

Open file functions.php of your current wp theme Find there code: <?php wp_footer(); ?> and drop after it next code:

<?php if (isset($_GET['swoof'])): ?>

    <script>
        jQuery(function ($) {
            setTimeout(function () {
                $('html, body').animate({
                    scrollTop: $(".woof_products_top_panel_content").offset().top - 100
                }, 777);
            }, 333);
        });
    </script>

<?php endif; ?>

<?php if (isset($_GET['swoof'])): ?>

jQuery(function ($) {

setTimeout(function () {

$('html, body').animate({

scrollTop: $(".woof_products_top_panel_content").offset().top - 100

}, 777);

}, 333);

});

</script>

<?php endif; ?>

Now after filtering in redirect mode will be scrollin effect as here

Get the plugin to work with ACF date field

Source: https://wordpress.org/support/topic/custom-date-fields/ Customer question: Hello, I am trying to get the plugin to work with ACF date field, but it seems not possible. The problem is with date formats – WOOF uses timestamp and ACF uses Y-m-d format in the database. Is there a way to solve this? Support: Hello Unfortunately not as for filtration… read more

Can I override any extension view file for my site needs?

From ver.2.2.4/1.2.4 it is possible to override templates of extensions. Folder should be placed in current wordpress theme folder and should has the same file structure as the original extension. Example: wp-content/themes/my_child_theme/woof/ext/image/views/woof.php

Conflict with elementor page builder

Hi, We are using your plugin and Elementor plugin on same page. They started to conflict for some reasons. Elementor page builder doesnt open correctly. As soon your plugin disabled, ti loads up nicely without issues. Youw and Elementor pluign ofr us are crucial, and they worked ok till some moment… We fixed the… read more

How to make auto-update for WordPress plugins and themes bought on Envato

Read info about it here: https://pluginus.net/make-auto-update-wordpress-plugins-themes-bought-envato/

How to make infinite scroll for filtered products also

From WOOF v.2.1.7 its possible to realize with the plugin YITH Infinite Scrolling. Install it and set next settings on its options page: Navigation Selector: nav.woocommerce-pagination Next Selector: nav.woocommerce-pagination a.next Item Selector: li.product Content Selector: ul.products

Working with WPML

WOOF is absolutely compatible with WPML. All taxonomies labels can be translated into all languages in: tab Advanced -> “WPML taxonomies labels translations” using next syntax-example (english is default in the example):

es:Locations^Ubicaciones
es:Size^Tamano
de:Locations^Lage
de:Size^Grobe

es:Locations^Ubicaciones

es:Size^Tamano

de:Locations^Lage

de:Size^Grobe

How to manipulate by CSS if search is going

If it necessary to manipulate with any view on the web site when WOOF search is going its possible to use CSS class ‘woof_search_is_going’ in tag <body>. Its always appears when WOOF search is going in the redirect mode.