Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Search layout query
- This topic has 12 replies, 2 voices, and was last updated 10 years, 10 months ago by
jukka18.
-
AuthorPosts
-
August 5, 2015 at 11:27 am #5507
jukka18
ParticipantHI there,
I developing a holiday letting website and love your search plugin but would like the layout to be similar to the attached as from your plugin info on code canyon (see attached image). Id like a slider for price + Number of Beds + various other specifics relating to each property. CAN YOU PLEASE HELP as IM really struggling to figure out how to sort this out and Im on a very tight deadline. I just need the search to consider the property pages only! not any other parts of the site. I also like the search box design with a single background colour as shown in the attached example you have proved on Code canyon.
Thanks again
Wayne Hilton
August 6, 2015 at 10:25 am #5542jukka18
ParticipantHi there,
Just wondered if anyone could give me an update on the above query??? We need to finish the project ASAP.
Thanks
Wayne
August 6, 2015 at 2:13 pm #5545Ernest Marcinko
KeymasterHi Wayne!
To create such layout you need a good knowledge of custom fields. The image you sent me is the demo search engine with custom field filters. What it does, is filters the results that match the criteria, as configured on the back-end.
Each of the filters has a related custom field to it. For example the price slider on that picture is connected to the “price” custom field, which is set to a number at every post. So you will need to know which custom fields you want to use first.There is a short description in the documentation on how to create and use these filter boxes, please read it very carefully: Custom Field Filters
I’m sure you will understand it quickly, it’s intuitive once you get the hang of it.
To get that exact design, select the “Demo – Isotopic Blue” (last option) from the theme selector list, which is the first option on the Theme Options panel.
August 6, 2015 at 2:20 pm #5546Ernest Marcinko
KeymasterAlso, it is possible to change the position of the settings. (you can even move it to a different settings position with the settings shortcode)
On that demo, I’m using the “Block layout”, which displays the settings box under the search bar: http://i.imgur.com/i3zGedW.png
August 6, 2015 at 3:10 pm #5547jukka18
ParticipantHi Ernest,
I’ve changed it to the isotopic Blue but its not showings in your example? Could you please have a look at this for us as were on a deadline for tomorrow morning. Would be great if we could just get it set up similar to your example with the options for Birds/ Price and then we could then tweak the rest.
Thanks
Wayne
August 6, 2015 at 4:05 pm #5548Ernest Marcinko
KeymasterHi Wayne!
So, I went a bit over the support duties and configured the plugin almost exactly as it is on the demo page.
There were no custom fields for the price and the number of beds, so I have created them for both the “Point Break” and the “Beach Retreat” posts. One custom field is the “room_price” the second is the “room_beds” for intuitive names. I have added fake values to them, just to test. If you edit them and scroll down, you will see: http://i.imgur.com/OTNVPtb.png
Then I created two sliders, one for the beds count and one for the price. I have also reduced the character settings to 0, to trigger the search even if no search term is used.
You can edit these sliders on the Frontend Search settings – Custom fields tab.So based on this, you can add more and more different custom fields, that you want to filter. But all of them must be defined for every Room, otherwise it won’t show up in the results. So if you keep adding new posts now, you will have to add (defined) the “room_beds” and the “room_price” custom field for that room, otherwise it will get filtered out and never shows up as a result.
Before experimenting with search options, I suggest exporting the settings on the Export/Import submenu: http://i.imgur.com/yE5rWI0.png
That way you can revert back the changes in case of misconfiguration.August 6, 2015 at 8:15 pm #5550jukka18
ParticipantHi Ernest,
Thank you for your help – SUPERB SERVICE!!!!!! I will be recommending your plugin to a number of designers.
Is there a simple way to alter the spacing between each variable so for instance if you look at the site:
http://www.hilton-media.com/northumberlandcottages
Can I reduce the space between the ‘Wifi’ and ‘Garden’ radio buttons.
Thanks
Wayne
August 6, 2015 at 8:54 pm #5551Ernest Marcinko
KeymasterHi!
You are welcome!
Well, I would recommend using this custom CSS to change the field witdth to auto and to add margin instead:
[code]
div.ajaxsearchpro.searchsettings fieldset.asp_custom_f {
width: auto !important;
margin: 9px 15px !important;
}
[/code]You can add this code search plugin Theme Options – Custom CSS panel, or your theme custom CSS section. (if it has any)
August 6, 2015 at 8:57 pm #5552jukka18
ParticipantThanks Ernest – Thats AWESOME!!!!!
August 6, 2015 at 9:05 pm #5553Ernest Marcinko
KeymasterYou are welcome!
Feel free to ask here if you need help, or something is not working.
If you like the plugin, you can leave a rating on it on your codecanyon downloads page, it’s greatly appreciated.
August 7, 2015 at 11:05 am #5563jukka18
ParticipantHI Ernest,
Sorry quick question I’ve set up a Location option set up which doesn’t seem to be working, all the three properties on the system are set up with room_location and the value – Beadnell and Seahouses Area. When you choose this on the search nothing is happening any ideas?
Type: Select
I have it:
Hadrian’s Wall Country||Hadrian’s Wall Country
Hexham and Area||Hexham and Area
Newcastle Upon Tyne and Area||Newcastle Upon Tyne and Area
Northumberland Coast||Northumberland Coast
Alnwick and Alnmouth Area||Alnwick and Alnmouth Area
Beadnell and Seahouses Area||Beadnell and Seahouses Area
Berwick Upon Tweed Area||Berwick Upon Tweed Area
Craster and Embleton Area||Craster and Embleton Area
Morpeth and Area||Morpeth and Area
Warkworth and Amble Area||Warkworth and Amble Area
Northumberland Country||Northumberland Country
Kielder and Area||Kielder and Area
Rothbury and Coquetdale||Rothbury and Coquetdale
Wooler and Cheviots||Wooler and Cheviots
Scottish Borders||Scottish Borders
Northumberland-Cumbria Border||Northumberland-Cumbria BorderThanks
Wayne
August 7, 2015 at 11:44 am #5565Ernest Marcinko
KeymasterHi!
After a while I found the cause. It wasn’t that field, it was the pet friendly radio. The wrong custom field was selected, so it excluded everything. I’ve corrected that, now it should work.
August 7, 2015 at 11:47 am #5566jukka18
ParticipantThanks Ernest – AWESOME!
-
AuthorPosts
- You must be logged in to reply to this topic.