Here's the code for my search form:
<form role="form">
<div class="form-group">
<select class="form-control custform">
<option>Make (Any)</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="form-group">
<select class="form-control custform">
<option>Model (Any)</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="form-group">
<select class="form-control custform">
<option>Min Price</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="form-group">
<select class="form-control custform">
<option>Max Price</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="form-group">
<div class="checkbox">
<label>
<input id="cars" type="checkbox"> Cars
</label>
</div>
</div>
<button type="submit" class="btn btn-primary btn-block btnsearch">
Find Vehicles <span class="glyphicon glyphicon-search"> </span> </button>
</form>
And here's how it should look:
I added a few categories that aren't in the code to show how it should end up.
Basically I'm clueless as to how to implement this in my Wordpress theme that I've coded from scratch. Make and Model are both custom fields and Min Price and Max Price obviously need to use some sort of range function to return results within the price range.
The make and model dropdown menu's need to show only available options that have been entered in the custom field - if that makes sense.
Any help is massively appreciated.