Need little help on price filter widget

[johngibb123]

hi,

actual code in price filter wdiget:

<ul>
<li><a href="[server.url type='fullpage' query='price=-50']">Less than $50</a></li>
<li><a href="[server.url type='fullpage' query='price=50-100']">$50 ~ $100</a></li>
<li><a href="[server.url type='fullpage' query='price=100-500']">$100 ~ $500</a></li>
<li><a href="[server.url type='fullpage' query='price=500-1000']">$500 ~ $1000</a></li>
<li><a href="[server.url type='fullpage' query='price=1000-2000']">$1000 ~ $2000</a></li>
<li><a href="[server.url type='fullpage' query='price=2000-']">More than $2000</a></li>
<ul>

Iam gonna keep JQUery Slider instead of above code...Iam gonna keep some form under slider, below is that form code:

<form method="get" style="margin-top:10px">

<input type="text" size="4" id="minprice" value=""> - <input type="text" size="4" id="maxprice" value="">
<input type="hidden" name="price" id="pricefilter">

<input type="submit" value="GO" id="pricego" class="ui-button ui-widget ui-state-default ui-corner-all" role="button" aria-disabled="false">
</form>

SO, all I need is how do I make that form code work for price filter widget..?

[Eric]

Hi,

I'm also not sure how to get the slider to send a $_GET parameter to the URL.

Eric

[johngibb123]

Originally Posted by Eric

Hi,

I'm also not sure how to get the slider to send a $_GET parameter to the URL.

Eric

Ohh any idea, how this guy used that slider using above form code.. pls have a look (from his source code)

bag-saver.com/uk/shop/black-handbags/

[Eric]

Hi

I don't know but I know he's offering his services for hire.

/showthread.php?t=7650

Eric

[johngibb123]

Originally Posted by Eric

Hi

I don't know but I know he's offering his services for hire.

/showthread.php?t=7650

Eric

You're such a gr8 coder, if you dont know means how..? you definitely get an answer only if u do little try...

and that guy asking some $xxx just for widget codes.. and thats why iam struggling myself..

if you could just try this, i can get slider as well.. pls try again,.

[Eric]

Hi

This is beyond the scope of the support we can provide.

Additionally, the price filter on bag saver is not even working for me. I wouldn't copy that behavior.

Eric

[johngibb123]

Originally Posted by Eric

Hi

This is beyond the scope of the support we can provide.

Additionally, the price filter on bag saver is not even working for me. I wouldn't copy that behavior.

Eric

your replies surrprisng me.. Is that really tough to implement..? and you always say this "beyond the support...." iam not asking something that I can found easily outside, instead iam asking mainly on 'Integration issues'

BTW, cant we use something like 'action attibute' to form ? something like below:

<form action="welcome.php" method="post">
Name: <input type="text" name="fname" />
Age: <input type="text" name="age" />
<input type="submit" />
</form>

(or)

<form method="post" action="<?php echo $PHP_SELF;?>">

Just giving an idea....i guess you already knew this, but just trying from my side...

[Eric]

Hi

Sure, you can do the form and leave off the action attribute. You don't need or want it in this case.

However, you still need to tweak the form to send 2 input fields (minprice and maxprice) to the URL as 1 field (price).

That will require modifying the HTML and possibly the jQuery used to manipulate the data.

Eric

[johngibb123]

Originally Posted by Eric

Hi

Sure, you can do the form and leave off the action attribute. You don't need or want it in this case.

However, you still need to tweak the form to send 2 input fields (minprice and maxprice) to the URL as 1 field (price).

That will require modifying the HTML and possibly the jQuery used to manipulate the data.

Eric

Eric,

Somehow I have placed JQuery slider for one of my price filters, pls check below:

http://cosmeticsshoppingmall.com/sho...s-accessories/

As far as I know, everything is done, values are getting, BUT unable to submit due to lack of knowledge of php , jquery stuff...

pls just make the url to submit.. (please check source code to know the slider script just before </head> tag..

[Eric]

Hi

You need to remove the action attribute.

And you should probably change this:

<input type="submit" value="GO" id="pricego">

To this:

<input type="hidden" name="price"  id="pricego"><input type="submit" value="GO">

Eric

[johngibb123]

ok iam using below code now:

<form method="get">

<div id="slider-range"></div>

$<input type="text" size="4" id="minprice"> - $<input type="text" size="4" id="maxprice" >

<input type="hidden" name="price" id="pricego"><input type="submit" value="GO">

</form>

d) Does method ="get" is a MUST?


after when I selected some values and then clciked "GO" button, Now iam getting URL as :

http://cosmeticsshoppingmall.com/sho...?price=268-300

I have some queries:

a) Now products are displaying as per the range selected (check above url), BUT I wanna display products from low to high as soon as anyone selects Price Filter, so how can I achieve this..?

b) How its automatically got appended

?price=

(i didnt understood this..)

c) How can I display "$" symbol in url..? I mean like this:

?price=$268-$300

e) How can I clear "Price Filter" .. ?

[Eric]

Hi

a. Add this to the form:

<input type="hidden" name="sort" value="price" />

c. You can't. If you do the filter will break.

d. Same as clearing other filters mentioned in the "filters" thread.

Eric

[johngibb123]

Originally Posted by Eric

Hi

a. Add this to the form:

<input type="hidden" name="sort" value="price" />

c. You can't. If you do the filter will break.

d. Same as clearing other filters mentioned in the "filters" thread.

Eric

Thanks Eric!

why my GO button doesnt look like button and textfieds do not look like textfields?

[Eric]

Originally Posted by johngibb123

Thanks Eric!

why my GO button doesnt look like button and textfieds do not look like textfields?

That's because of this line in your theme's css file:

input, textarea { padding: 5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; margin-bottom:10px;}

[johngibb123]

Originally Posted by Eric

That's because of this line in your theme's css file:

input, textarea { padding: 5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; margin-bottom:10px;}

ohh Should I remove that..? will there be any prob if i remove that? and BTW, in which css file it is..? (it seems i have many css files)

[Eric]

Or add a CSS ID to your <input> elements and style them specifically.

[johngibb123]

Originally Posted by Eric

Or add a CSS ID to your <input> elements and style them specifically.

Whenever try to clear the price filter, it just removing price, BUT not sort .. (since I newly added sort to price filter.. how can i remove both at once while clearing price filter..?


BTW, whatever we add code inside 'module template', where that code will be..? I mean in which file.?

[Eric]

<a href="[server.url type='fullpage' query='-sort&-price']">[X] Remove sort and price</a>

[johngibb123]

Originally Posted by Eric

<a href="[server.url type='fullpage' query='-sort&-price']">[X] Remove sort and price</a>

Thanks!

BUG:first select Brand filter and then select price filter, then brand filter will go away...
solution pls...

[johngibb123]

one more thing:

how to change colors for price filter widget name?

I just added in custom.css as:

#allFilterNamesBlue {
color: #4A03FD;
}

and then appended this ID for "Custom CSS ID " under view --> view properties


What i did wrong..? I wanna change widget name colors..


b) Why my "FILTER BY BRAND" is just below "Categories"... ?