Search module: price filter with fields?

Hi, the search module has 2 options, one with slide and one with "dropdown list".
But is it possible to have two simple text fields (from->to) where insert the range of price?
My client does not want the slide or the list but only 2 text fields to enter the minimum and maximum price...

Thanks!

I too need this. I did ask about it a while back.

Finally I founded the solution, modifying the css of the search module,hiding the price slider and showing the hidden input fields with min and max price.

Hi Guiseppe,

would you be able to provide a copy of the modified css/file? Will this impact on anything else?

Kind regards

Mel

Hi,

I have been trying to work out how Guiseppe did this as it is precicely what I need too as the Price filter does not work in the search module (is empty) so I can only use the slider. However the slider isn't practical as a rental property count be just $100 a week where a commercial property could be in the millions so it is difficult to work with.

I have so far managed to hide the slider with this in the css for the search properties module:

.ui-slider {
visibility: hidden !important;
}
.ui-slider-range ui-corner-all ui-widget-header {
visibility: hidden !important;
}

I have tried to get the price fields to display with this:

#min_price {
display: block;
}
#max_price {
display: block;
}

And also tried this:

#price_from_input1 {
display: block;
}
#price_to_input1 {
display: block;
}

But neither work.

Would the team at Joomdonation know which code Guiseppe would have used to achieve this?

It would be great if we had this as a settings option in OSProperty as it is definitely needed.

Hopefully Guiseppe will come back and tell us how he did it.

Mel

Hi I have found the code I need to change via Chrome inspect. It is basically this line:

<span id="824price_to_input">10,000,000</span>
<input type="hidden" name="max_price" id="824price_to_input1" value="10000000">

If I change the hidden value to text it displays.

However I have gone through all the files/code for the search module and cannot find this line. I have also looked at com_osproperty/classes/advancedsearch.php and the helper/layouts/listing.php

Can anyone tell me which file this line of code is in? That is all I need now.

Mel

Hi MelanieB, but tell me:
what exactly is your problem? If you need to change the price amounts, you can do it from the configuration parameters in the control panel.
If instead you want to replace the price slider with simple text fields then you need to modify the css. Which of the two?:S

Hi Guiseppe,
thank you for responding. I just want the latter to replace the price slider with 2 text fields.

Is that what you managed to do? If yes, what did you add?

This would be most appreciated.

Mel

Ok, these are the steps I made:

First: you must hide the price slider. To do this, put this css rule in the stylesheet:

.ui-slider{display:none;}

Second: you must show the two input fields. In the file helper.php (path-> components/com_osproperty/helper.php) find the function "showPriceFilter". Inside it you must modify these two lines:

1) <input type="hidden" name="min_price" id="<?php echo $prefix; ?>price_from_input1"
2) <input type="hidden" name="max_price" id="<?php echo $prefix; ?>price_to_input1"

replace "hidden" with "text". You will have:

1) <input type="text" name="min_price" id="<?php echo $prefix; ?>price_from_input1"
2) <input type="text" name="max_price" id="<?php echo $prefix; ?>price_to_input1"

By doing this you will have hidden the price bar and discovered the two text fields.
I hope I was helpful.

Bye

Guiseppe,

Thank you so much. That was precisely what I needed

Thanks for taking the time to share this.

Kind regards

Mel