FIlters NOT showing ‘No product found’ notice message.

Hi,

1. It looks like you are using Elementor widget to query those products, thus the product filter is not rendering results in the Elementor product widget.
2. While checking your site, found another issue in case you are not aware of it. The product filter dropdown is not accessible (ie. when you hover the filter option, the dropdown below is not accessible) – this is due to the CSS margin-top:6px !important being added to the dropdown element, please remove this.

Thanks for the prompt reply.
– What would you advice for a solution, use the shortcode instead?
– I cant see the ‘product filter unaccessible dropdown’ issue, either on mobile, tablet, laptop or desktop. (Both on Chrome, Safari and on Edge

Thanks for the heads up, its fixed! Now its accessible ??

• This reply was modified 10 months, 4 weeks ago by frangoaoalho.
• This reply was modified 10 months, 4 weeks ago by frangoaoalho.

1. Try to use the [products] shortcode (https://woo.com/document/woocommerce-shortcodes/) to display the products. Also, are you using Elementor Pro to create the template? The Elementor Pro template has their own queries, so it might override the default WooCommerce product queries.

2. It seems like you’ve fixed the hover dropdown issue. This is good now.

hey, thanks again for the reply.

Yes, I am. The woocommerce shortcode is not the most flexible, intuitive and maneuverable unfortunately.

I noticed that

By default your .wpf-no-products-found is set to display: none always.

If I display:block instead then it will always be showing up.

I tried several ways like:

JS:
<merlin-component id=”merlin-code-summarizer” class=”merlin-code-summarizer”></merlin-component>jQuery(document).ready(function ($) {
// Check if the 'No products found' message is displayed
if ($('.wpf-no-products-found').is(':visible')) {
// Hide the products container if the message is displayed
$('.elementor-posts-container').hide();
}
});

or

<merlin-component id=”merlin-code-summarizer” class=”merlin-code-summarizer”></merlin-component>jQuery(document).ready(function($) {
// Wait for the filter form to submit
$('.wpf-widget form').submit(function() {
// Set a timeout to ensure that the filter has taken effect
setTimeout(function() {
// Check if there are any products displayed
if ($('.products').children().length === 0) {
// If no products found, display the "No products found" message
$('.wpf-no-products-found').css('display', 'block');
} else {
// If products found, hide the "No products found" message
$('.wpf-no-products-found').css('display', 'none');
}
});
});

• This reply was modified 10 months, 4 weeks ago by frangoaoalho.

Also I noted that what is not swapping for the notice message is the

.woocommerce ul.products and .woocommerce-page ul.products

Maybe that is were the stuff is breaking.

Can you help me please

• This reply was modified 10 months, 4 weeks ago by frangoaoalho.

UPDATE!

I basically gave it a quick fix for now by

.swipper-wrapper.product {
display: none !important;
}

Until you guys can help me out ??

Hey, any news on this topic?
I am using Elementor Pro, and the widget ‘Products’ since the ‘Product Archives’ shortcode / widget from woocommerce is not that nice, aestethically and functionally.

Any updates?

With my best regards,

Hi,

We recently pushed an update that should address the Elementor Products widget. Can you confirm that you are using the latest version? Your site is currently down: https://iolkd.com/category/snacks/, so we can’t check it.

Hey Themify Team, I hope to find you well.

Attending to the website https://zinblo.com/category/snacks/ or https://zinblo.com/category/carne/
(I transfered the website to a different domain).

Although, the filters are not working.
‘Sale’ not working (Show no Results)
‘Price’ not working (Show no Results)
‘Color’ not working (Show no Results)
‘Size’ not working (Show no Results)
‘Categories’ not working (Not clickable / or missing a trigger or on-click action or something)

This happing both with the Elementor ‘Product Archives’ and ‘Product’ widgets, and with the queries selected accordingly. (Before it was working, just didn’t show ‘no results’ message, now it only shows the ‘no results’ message. Quite ironic tbh)

Using Woocommerce, and Hello Elementor Theme. Everything is updated to the last version.
Also, no conflicts showing in log.

Pleae help me out Team,

Attentively awaiting feedback,

UPDATE!

As as I delete on the parameters: size, color or category it works.

The problem is I need those 6: price, name, on sale + the above mentioned.

• This reply was modified 5 months ago by frangoaoalho.

I sent you an e-mail to [email protected]

Appreciated.