Code

Discussion on Filter Everything | WordPress/WooCommerce Product Filter

Discussion on Filter Everything | WordPress/WooCommerce Product Filter

Cart 15,687 sales
Recently Updated

Stepasyuk supports this item

Supported

This author's response time can be up to 1 business day.

8967 comments found.

Hey

I dont know how to eliminate that strange dot left of the filter search bar

do you know?

https://ibb.co/wJgVSx8

Absolutely, we can definitely help you with fixing custom styles on your site. And the good news is, we have a special discount available for you! It will only cost you $99.99 :grin:

This is out of the scope of the support policy but in general, you can use the browser inspector tool to find the needed element and simply apply the CSS list style to none for it from “Additional CSS” in theme customization – https://prnt.sc/lXKpY3McAO8j to make it look like this – https://prnt.sc/s_7uuwA99qNi

Best Regards,
- Victor

If you have the CSS code how to eliminate the strange dot, that would be great? can you share the code? i can paste in the theme css

This is how it looks without styles – https://prnt.sc/uRU2Qfoz8F7B not sure what is that thing and why you put it on it, but there is the style list: none; to remove that dot

Best Regards,
- Victor

Try this code:

.wpc-filters-range-wrapper input {
font-size: 10px;
}

Best Regards,
- Victor

i have got a problem , css is nor working . size price is not working : https://prnt.sc/MNVeB9SSEWUO https://prnt.sc/S1FuDYmp9xYD

Hi mczerwinski1,

Send the link to the page with the issue, so we can check it.

Best Regards,
- Victor

Hi, after moving website to another server, my buttons for filtering articles change order after filtering. In addition, on the old server multi-selection for checkboxes worked fine but on the new server it does not work. Do you have any ideas?

Hi massinternet,

It’s not uncommon to encounter issues with WordPress plugins and site functionality after migrating your website to another server. We cannot help here much as we have no idea what and how was affected during this process.

In general filter terms can be sorted inside the filter set settings, choose the needed filter click more options, and choose the sorting option that you need.

Again, might be a mixed content issue, and so on, we need at least the link to the page with the issue. Also, what is the “multi-selection for checkboxes” that you are referring to?

Best Regards,
- Victor

I combined two css, unfortunately it doesn’t work. The filter font is getting smaller, but the price font is not. Please help

.wpc-filters-main-wrap li.wpc-term-item label { font-size: 12px; } .wpc-filters-range-wrapper { font-size: 10px; }

Hi Mariusz,

Please do not create new comments as long this is not a new issue, as long this is related to one topic to remove any confusion let’s continue the conversation in this comment thread – https://codecanyon.net/comments/29990201

Best Regards,
- Victor

Thank you very much for your help, I have one more question. How can I reduce the font of numbers in the price filter using CSS? I am sending a screenshot in the attachment https://prnt.sc/aFjEjAJUY9f8

Mariusz

Hi Mariusz,

.wpc-filters-range-wrapper {
    font-size: 10px;
}

Best Regards,
- Victor

Here is the code:

.wpc-filters-main-wrap li.wpc-term-item label {
font-size: 12px;
}

.wpc-filters-range-wrapper {
font-size: 10px;
}

This is how it looks like in the filter custom CSS – https://prnt.sc/7RbecGdwclVR

And this is how everything is looking like on the front – https://prnt.sc/TKDfeBasa6Er

Please check with browser inspector tools if nothing is rewriting the that style.

Best Regards,
- Victor

Hello, I have a few questions related to the plugin. 1. Is it possible to reduce the text size of filters? If so, please provide an example of custom css. 2. How can I change where active filters are displayed? Currently, after clicking on a filter, active filters are displayed just below the header.

Hi mczerwinski1,

Thank you for choosing Filter Everything PRO.

1) Here is an example (place it in Filters -> Settings -> Experimental -> Custom CSS):

.wpc-filters-main-wrap li.wpc-term-item label {
    font-size: 10px;
}

2) Are you referring to the Chips? Well, you can go to the Filters -> Settings -> General -> https://prnt.sc/S-aum132eIcl and remove those hooks and only leave “WooCommerce no products found”. If you are using the widget area turn off this option – https://prnt.sc/1FiYAlMRxNL2 and use the shortcode to place the chips on the needed place on your page – [fe_chips]

More about shortcode you can read here – https://filtereverything.pro/resources/shortcodes/

Best Regards,
- Victor

Hello,

i see you replied to all questions but our comment is still without any reply.

Hi Tommy,

Your inquiry consisted of several sub-questions, which require additional time to be addressed thoroughly. We are pleased to provide you with a response in this comment thread – https://codecanyon.net/comments/29987929

Best Regards,
- Victor

Hello, I have an issue with my filters on desktop (PRO version). I have a lot of attributes on my products and the filter it does not scroll down while I scroll down the products. It just shows only the colors and brands and scrolls down only after I have reached the bottom of the products. See here https://lenjemania.ro/produse/lenjerii-de-pat/ Thanks for your time and I hope you can help me solve this.

Hi ramonamaris,

The issue at hand pertains to the styling of your webpage. Specifically, the sticky sidebar lacks a container height and overflow action. As a preliminary solution, we have implemented a simple CSS on it https://prnt.sc/WbxJVpXYqKRs This measure may provide some insight into how to create a sticky sidebar with container height. Alternatively, we suggest utilizing CSS calc with vh, or even JS, depending on your preference and technical capabilities.

Best Regards,
- Victor

Hi, how can we make the filter function work the same on Ipad as on Mobile?

=> Mobile mode should be for both Mobile as tablet in our case

Hi mrijnwal,

Add this code to the functions.php, and edit the breakpoint to your needs:

add_filter( 'wpc_mobile_width', 'my_custom_wpc_mobile_width' );
function my_custom_wpc_mobile_width( $width )
{
$width = 1180; // new desired breakpoint in px.
return $width;
}
<pre>

Best Regards, <br />
- Victor</pre>

HI, it works but its not filtering now on tablet? https://petsolutions.stagingmtea.be/winkel/

Hi mrijnwal,

We just tested it and everything is filtering but for some reason, you have two buttons, how exactly did you place the filter widget and mobile buttons?

Best Regards,
- Victor

Hello, Firstly we have purchased the PRO version of your plugin.

I have a wordpress site with the Avada theme and am using a custom layout (within Avada) for archive pages which contains a shortcode to my filter set. All working as it should.

Secondly, the container the shortcode is in, I have applied a sticky setting to the container as I want the filter to stay up the top of the screen while scrolling through products for a better user experience (rather than having to scroll to the top to change filter settings.

The issue here is when the container is set to sticky, when the filter button is pressed, the overlay goes behind all of the content. I would think this is a z-index issue but with CSS so far, I havent been able to fix it.

Any chance you could give some assistance please?

Hi readingsads,

Thank you for choosing Filter Everything PRO.

You can send the link to the page with the issue so we can check it.

Best Regards,
- Victor

Hi readingsads,

We just changed the z-index to 1 you can check it in the Filters -< Settings -> Experimental -> Custom CSS

In general, you need to fix the realization of the sticky panel its behavior is a bit weird, and decrease the header z-index so the filter will have the ability to go in front of it, not under it.

Best Regards,
- Victor

Hello, I would like to make a color filter and I did it. However, I would like it to display the color variation as a result (with image) and not the image of the main product, understand? Is there a way to do this? If you are looking for yellow products, only show variations with images that contain yellow.

In the image I show an example of how it looks today, showing the main product that contains yellow. But I need to show the variation and photo of the actual yellow.

https://prnt.sc/4hqrkKbdgAx3

Hi samucavirtualite,

Indeed, it is feasible to implement the desired feature and our team is currently engaged in its development. While we cannot provide a specific timeline for its release, we can assure you that it will be integrated into the plugin in due course.

Best Regards,
- Victor

Dear Stepasyuk,

We purchased the pro version of FilterEverything and have two problems:

1. The placement of filtersets is confusing. The help text used is not completely correct english, which makes it difficult to follow (no critique, just a tip). - How do we display a filterset on a Wordpress archive? - How do we display a filterset on the homepage (which does not have any archives)?

2. The plugin is causing white space between the header and content on pages. When we disable the plugin, the extra white spave disappears. Is this a known issue? How can we solve this?

Many thanks for your help, Terry

Thank you, Victor. That is not the way we want to go for our website, just to make FilterEverything work.

That is why we requested a refund. We are looking forward to hear about that asap.

Best wishes, Terry

Hi Victor,

We still did not get a response to our request for a refund? Why?

Many thanks, Terry

Hi Terry,

We would like to extend our apologies for any delay in response. The response should be provided in the next 24 hours.

We appreciate your patience and understanding, and we are dedicated to addressing your needs as promptly as possible.

Best Regards,
- Victor

just wondering if there is a way to pull in extra info from product category pages to display before or after the loop. for some reason i can’t get the SEO fields to display. what i would really like is for it to not create new pages at all and just load the category pages directly using ajaz, but it doesn’t seem like that’s a possibility.

Hi wilkisama,

“just wondering if there is a way to pull in extra info from product category pages to display before or after the loop.” What exactly do you mean by that? like you want to place some new info? or do you want the SEO Rules to display something more?

” for some reason, I can’t get the SEO fields to display.” Also, we would need additional info for this, because right now it is all a bit confusing, and we need to place everything step by step to fix it all. Is the title tag changing or the page is no index and so on? Also, make sure you turned off this option in WP Settings – https://prnt.sc/dTZgXbA2_vmR

Yeah, there is no such possibility with AJAX.

Best Regards,
- Victor

Hi!

I bought the plugin filter everything pro and I get an unknown error when trying to activate te licence key.

I’ve already sent the credentials

The credentials are of the staging environment.

Hi Cybermissy,

Thank you for choosing Filter Everything PRO.

We have activated the license on your staging site on our side, so everything is working great, if you need it to be activated on the prod as well let us know.

Best Regards,
- Victor

Thank you!!! Prod will be later

1. How to show filter options in two columns please? For example we have large list for sizes. And now i wanna split the filter list into two colums. Its not possible with your plugin? Here you see two column layout by using another filter plugin: https://i.ibb.co/L8McfDV/Bildschirmfoto-2023-09-28-um-16-49-45.png

2. And how to limit the height of the filter box for sizes please? I can see we can setup “show more/less” to expand the list or make it smaler, but your plugin also does not have option to setup the height of the box?

3. And what about the scroll bar on right side for large filter lists? We need custom css and there are no premade styles for scrollbar?

4. Same for checkboxes: The checkbox is very small and if yo checking other filter plugins you will see they have so many checkbox layouts out of the box. Your plugin only have one design for checkboxes and we also need custom css to play with design? This is your design: https://i.ibb.co/7pms7C4/Bildschirmfoto-2023-09-28-um-16-50-30.png and this is for example one of many premade designs for checkbox by using another search plugin that cost same price like yours: https://i.ibb.co/L8McfDV/Bildschirmfoto-2023-09-28-um-16-49-45.png

5. Range filter element have also no styling options and for this we also need custom css? By using another filter plugin we have 15 fancy design options out of the box. Look at this premade designs for example: https://i.ibb.co/S0btrk4/Bildschirmfoto-2023-09-28-um-16-55-38.png

6. We can have filter by review with stars like this? https://i.ibb.co/KKmJ4Mr/Bildschirmfoto-2023-09-28-um-16-56-33.png

7. In general: Your plugin can handle the same like most of all other filter plugins. But its not possible to controle design details without any custom css. Do you plan to improve this?

BR Tommy

Hi Tommy,

1) It is possible to achieve the desired outcome by utilizing custom CSS with display flex, direction column flex-wrap, and setting the maximum width to the li elements. However, such styling can be not flexible, particularly when the length of all the terms in a filter is unknown, resulting in a chaotic appearance in two columns. Although word-breaking may be applied, it is still not an optimal solution.

2) Filters -> Settings -> General “Filter container max height” input – https://prnt.sc/aqlKJIAwqndr with CSS you can make it unique for each container.

3) When we set the container max height this is how you will see it – https://prnt.sc/-XsrehS1Af0G

4) If you go to the Filters -> Settings -> Experimental you can turn on “Styled checkboxes and radio buttons” If this option is turned off it will use inherit styles, basically the ones that your theme is using.

5) With template overriding you can make unique styles, the ones that you need, and of course apply a bit of custom CSS.

6) Yes you can make it – https://prnt.sc/h1KsTPC9sYRK and this is in the filter set setting filter settings – https://prnt.sc/y69yCqu5Ps_i the more demo pages you can find here – https://demo.filtereverything.pro/product-category/clothing/women/ at the top “Try Demos”

7) At the time we are fully focused on filtering abilities, to expand them even further. We are planning to add some pre-made styles later in the plugin development road, but custom CSS with template overriding is the best solution so far.

Also, the plugin allows you:

Filters any Post Type (posts, products etc), Filtering by Taxonomies, Custom Fields, Post Author, Sorting widget, Color swatches and Brand logos, Vertical and Horizontal layouts, «Auto-submission» and «Apply button» modes, Step-by-Step filtering from parent to child filters, Filtering Custom WP Queries, Clean URLs and Permalinks, Smart filtering by Woo product variations, SEO Rules, indexing filtering result pages by Search Engines, Individual Filter Sets for any pages and archives, Hide filter if all terms are empty, Hide empty terms, and many more is coming up with future updates.

Best Regards,
- Victor

Hello,

We require a specific use case to be implemented on our website:

In a custom field named “Branche” (English: Industry), we have various inputs such as Medical, Biotech, Freelance Medical, Freelance Biotech, etc.

We aim to construct a filter that consolidates multiple related values (e.g., Medical and Freelance Medical) under a single term, like “Medtech”, for frontend display purposes.

Is this possible?

Thank you!

Hi Potential2,

Thank you for your interest in the Filter Everything plugin.

Well, everything is possible depending on the realization of this functionality. You want to make a group of terms under one term. There is no such possibility to create such groups under one term out of the box.

What you can do, is manually create a couple of more custom fields and simply apply values like “Medtech” (for Medical and Freelance Medical) in that case you can create a filter set by this custom field with the needed filter terms.

Best Regards,
- Victor

Hello, I just bought the pro version for the sake of 1 feature, hide the filter when all attributes are empty. and I dont know if its auto activated or no. but i checked and its not working. can you help me to set it up

Hi husseinhachem1,

Thank you for choosing Filter Everything PRO.

There are two options in the filter set – https://prnt.sc/TPNsTwd9APep

One hides empty terms, and the second one hides empty filters, you need to turn them on and it will hide all of the empty filters.

Best Regards,
- Victor

Hello, we have posts on the site. We have added an extra field to the posts via ACF. We are unable to start filtering on this page https://test2.nolimittour.cz/testovaci-stranka/

I’ve had a bad experience with support via envato and we would need someone to log in and set up filtering there, as we can’t do it ourselves. If the support doesn’t work this way, we’ll probably want a refund right away so we don’t get bogged down in this for too long and find another solution.

Hi kuczys,

We created a test ACF custom field group with checkboxes and applied it on one post and created a filter by that custom field, and as you see everything is showing correctly. So you either renamed those custom field or any other manipulations but ACF do not change anything in the database. So are facing some issues. Create new custom fields grouped with the needed fields and never rename them in order to make them work correctly.

As we mentioned previously, Deleting or Renaming them does not change anything in the Database.

Best Regards,
- Victor

This has helped me, I feel like by this point we could hopefully make it. Thank you

Hi kuczys,

We’re really happy to hear that it was helpful. And of course, you’ve got this – you can definitely make it.

Best Regards,
- Victor

Hi! How do i add the currency icon to the range slider?

Hi johnsonsean1,

Thank you for choosing Filter Everything PRO.

The range slider template can be customized to suit your specific needs. To learn more about this process, please refer to the following resource: https://filtereverything.pro/resources/templates-overriding/

Best Regards,
- Victor

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey