PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

You need to log-in to create request (topic) to the support

Filter display mobile vs desktop

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.

We currently have the filter displaying without needing to click a button, but it is working this way on both mobile and desktop. How do we leave desktop as-is (uncollapsed on load) and make it so on mobile the filter is collapsed on load and you have to click a button to open it?

Hello

Please  drop me  exact link to the  issue

I replied to the email I received for this reply with the link, let me know if I need to provide it here, and if so, how to do so privately.

Hello

To add  a private  data - https://share.pluginus.net/image/i20230222134241.png ->https://share.pluginus.net/image/i20230222134615.png

Thanks! I just provided the link. On that page the filter is expanded on load on both desktop and mobile. We would prefer it be collapsed on load for mobile.

... and just updated the private data with the order id in case you need that.

Hello

Please  add  correct  license  key(to get  it - https://codecanyon.net/downloads -> https://c2n.me/49ZXJv0.png)

Update  the  plugin  to  latest  version - https://products-filter.com/how-to-make-auto-update-for-wordpress-plugins-and-themes-bought-on-envato

We've updated to the latest version, 3.3.2, but the issue remains.

How do we make it so that the filter is collapsed on page load on mobile and expanded on page load for desktop?

Note that we do already have Mobile mode set to 'yes' in the widget.

Hello

Please  add  correct  license  key- https://share.pluginus.net/image/i20230222134241.png ->https://share.pluginus.net/image/i20230222134615.png

We do not support products without the license

Sorry, I thought the order id is what you were looking for.

I've pasted the entire license certificate into that private data box.

If you need something different, please explain in detail where I can find it.

Hello

Please  in  Design tab try  this  option - https://share.pluginus.net/image/i20230330113119.png

Thanks! That worked for making the filter load collapsed on mobile.

However, now on desktop it displays that same magnifying glass icon even though the filter is already expanded on desktop. And clicking the icon does nothing (well, you see a small layout shift but thats it). When looking at the code I see a div that wraps the icon (and what appears to be a second version of the filter that isn't displayed) but that div has no class or ID so I can't hook into it to set it to display:none; on desktop.

How do we hide that icon on desktop?

 

Hello

Looks like you disabled it because I don't see this error

But I see your customizations - https://c2n.me/4icaLYs.png - please  delete  it   and  check  option - https://share.pluginus.net/image/i20230331120800.png - don't forget the setting from the previous post

Sorry, I had turned on Hide auto filter by default on a staging site.

If I deleted the customizations as you suggest we'd end up with 2 filters displayed on desktop.

Again, the goal was to have the expanded filter always show on desktop and a collapsed filter display on load on mobile. In order to do that, we added the filter as widget in a sidebar to be used on desktop, and then enabled Set filter automatically to provide a"collapsed on load" filter on mobile that appears at the top of the page. The display:none; we added was to hide the filter"set automatically" on desktop.

Since it doesn't seem there is a way to completely hide the"set automatically" filter via settings, we've added this...

@media (min-width: 960px) {
    .content-sidebar-wrap main .woof_show_auto_form {
    display: none!important;
    }
}

... in order to override the plugin's...

.woof_hide_auto_form {
    display: inline-block!important;
}
... with greater specificity.
That seems to have accomplished what we're looking for. Thanks for your help!

Hello

Welcome;)

Since it doesn't seem there is a way to completely hide the"set automatically" filter via settings, we've added this... - Here is the setting - https://share.pluginus.net/image/i20230403120855.png