08 slots app,GGPoker Philippines.REGISTER NOW GET FREE 888 PESOS REWARDS!

Resolved Erik Molenaar
(@erikmolenaar)

8 years, 10 months ago

Hi there,

Would it be possible with the (Premium) plugin to make the filter more mobile friendly by a:

– Default collapsed view of the complete filter on mobile (or devices with smaller resolution), like: https://www.screencast.com/t/8yvRnnVU6

And:

– Default expanded view on desktops, like so: https://www.screencast.com/t/E0qQjlpq

I hope this is possible, would be great for a better mobile experience!

Best regards and have a great day,
Erik

https://www.ads-software.com/plugins/woocommerce-products-filter/

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author RealMag777
(@realmag777)

8 years, 10 months ago

Hello Eric

I sure that CSS code is enough to resolve it: https://www.woocommerce-filter.com/manipulate-site-css-depending-device/
Thread Starter Erik Molenaar
(@erikmolenaar)

8 years, 9 months ago
Hi RealMag777

Thanks for your help!

1) Wouldn’t this be rather crude, as it hides the complete filter on a mobile device? Instead of a collapsed view which can be expanded on touch? User experience would be best when:
1. Desktop has filter options expanded on default
2. Mobile has filter option collapsed on default, and can be expanded on touch of a button (e.g. “Show Filters”)
2) I can’t find any class named ‘.woof_show_auto_form’ on my local install, nor your online demo https://www.demo.woocommerce-filter.com/

Looking forward to your reply. It would be great if your plugin can improve UX on mobile devices like this. Thanks and have a great day,

Best regards
Erik
Plugin Author RealMag777
(@realmag777)

8 years, 9 months ago

Hello Eric

I understood you, but I described hint where you can apply your own CSS, so this is only hint. For example you can generate in tag body additional CSS class when site is in mobile device:

<body class=”<?php if (WOOF_HELPER::is_mobile_device()): ?>mobile-device<?php endif; ?>”> – and use this css class for any yours manipulations

You can order any css from here: https://www.fiverr.com/search/gigs?utf8=%E2%9C%93&search_in=category&source=guest-hp&locale=en&query=css&category=10&sub_category=140&page=1&layout=auto – css works for 5$

+
Another hint with search form: https://www.demo.woocommerce-filter.com/ajax-products-filter/

https://clip2net.com/s/3yPfcDu – here is result of searching of ‘.woof_show_auto_form’. If you not need helper button – just disable it in the plugin settings -> tab Advanced

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Filters: Minimized on Mobile & Expanded on Desktop’ is closed to new replies.