realbig / theme_pmwoodwinds

1 stars 0 forks source link

Better handling of Product Filters on Mobile #39

Closed d4mation closed 5 years ago

d4mation commented 5 years ago

Feature Request

Please describe the feature you are requesting.

Opening for @BigActual based on #35

On mobile, I believe the cards should actually show behind the filters so the end user can see them. This would cue the user to minimize the filters in order to see the products. Perhaps the filter menu should be an off-screen menu in mobile views?

BigActual commented 5 years ago

Make filters available as a button, here: image Here is an example of the workflow Amazon implemented, as a reference: image

BigActual commented 5 years ago

I don't care about the '1 result' portion on the Amazon example. It's just to show how they present it as a dropdown.

d4mation commented 5 years ago

I implemented this as a sort of off-canvas that shows the same checkboxes and search box as it does on Desktop.

There are some quirks with it, mainly that the page will need to have been loaded as Mobile in order for this to work correctly. This is because FacetWP doesn't know how to react if there is more than one copy of itself on the page.

BigActual commented 5 years ago

image Samsung Galaxy Note 5 using Chromium based browser by Samsung

d4mation commented 5 years ago

Seems like an issue with assets not being refreshed. I've pushed a temporary hack to the site to make all CSS/JS be considered "new" on every page load.

BigActual commented 5 years ago

Good to close