Update design on the facted search price range [#1694712]

A couple of things need to happen on the price slider:

1) The price (number) field needs to not be user entry, but just displayed above or below the slider
2) The go button goes away (the field updates via ajax anyway)
3) Ideally we have an ajax loader indicator, because it take awhile for the search results to update

You can find examples of this type of price slider design on kayak.com or airbnb.com. Here's the one from airbnb:

Comment	File	Size	Author
#8	Capture d’écran 2012-08-06 à 11.39.07.png	5.71 KB	GuGuss
#8	Capture d’écran 2012-08-06 à 11.39.21.png	7.47 KB	GuGuss
#1	Capture d’écran 2012-07-23 à 16.01.13.png	5.36 KB	Cookiz
	Screen Shot 2012-07-20 at 2.33.18 PM.png	14.2 KB	aleighs

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

Cookiz CreditAttribution: Cookiz commented 23 July 2012 at 14:06

Assigned:	Cookiz	» bojanz
Status:	Active	» Needs review

File	Size
Capture d’écran 2012-07-23 à 16.01.13.png	5.36 KB

Needs review : https://code.drupalcommerce.org/199

Done in this commit :
1) The price (number) field needs to not be user entry, but just displayed above or below the slider
2) The go button goes away (the field updates via ajax anyway)

Concerning :
3) Ideally we have an ajax loader indicator, because it take awhile for the search results to update

If we need to add a loader for the price range, do we need to add it also on the other faceted search blocks ?

Comment #2

bojanz CreditAttribution: bojanz commented 25 July 2012 at 09:25

Assigned:

bojanz

» GuGuss

Merged the commit.

#3 needs feedback.

Comment #3

GuGuss CreditAttribution: GuGuss commented 25 July 2012 at 10:25

3) I agree with Cookiz to have an ajax loader when you select any facet.

Comment #4

GuGuss CreditAttribution: GuGuss commented 25 July 2012 at 10:28

Assigned:

GuGuss

» vasike

Comment #5

vasike

Ramnicu Valcea

CreditAttribution: vasike commented 26 July 2012 at 07:45

for 3) what about Search API ajax module.
is there anyone who use it for a Drupal commerce system?

Comment #6

jsacksick CreditAttribution: jsacksick commented 2 August 2012 at 10:14

I already used it, a lot of progress has been made but there are still a few bugs, let's say it's 80 - 90% working if you're using drupal blocks and views/search_api_pages for your search pages which I think is the case in kickstart.
Also the code is not super clean...