Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › layout issues
This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko 7 years, 1 month ago.
- AuthorPosts
- October 17, 2016 at 6:30 pm #10499
Hi,
I’ve got some layout issues:1- I can’t see properly the dropdown field: in this page I can’t use “località” field, but it’s shown properly in the preview/backend page. I already check this page but it didn’t solve the problem.
2- Is there a way, in the backend or I can built using the code, to choose the order of the field, also when a field is a category and another field is a custom field?
location / status / tipology (categories)
Price range / bedrooms number (custom fields)3- Can I find somewhere all the settings of this layout? I would set the resoults in a similar way, but I couldn’t do this for now. I would show all the results and while the user set the search some results would disappear.
Thank you!
AliceOctober 18, 2016 at 9:11 am #10504Hi!
Thank you for the details and the log-in information!
1. It was because of a custom script that it converting the select box into some kind of search and select layout. The scroll script malfunctioned and calculated the height incorrectly. I’ve fixed it by removing the scrollbar handler directly from the code (via FTP). I think I will add this solution to the upcoming version as well, to prevent similar problems in the future.
Also, to display the drop-down correctly, I suggest using this custom CSS as well:
div.ajaxsearchpro[id*='ajaxsearchpro'] { overflow: visible !important; }
Because the custom script position is absolute and part of the settings overlay, which prevents elements from overflowing. This code will allow overflow of the custom select script elements.
2. Yes, you can change the order of the field groups as well on the Frontend search settings -> Advanced panel: https://i.imgur.com/rD0F1NB.png
3. That layout uses two visual composer columns.
In the first column there is the search bar and the search settings shortcode right below each other like so:
[wpdreams_ajaxsearchpro id=1] [wpdreams_asp_settings id=1 element='div']
in the second column the results shortcode is placed:
[wpdreams_ajaxsearchpro_results id=1 element='div']
This results in a layout in which the search and the settings are on the left, the results on the right.
If you are not using any visual editor, you can use the shortcode builder then you can use this shortcode as well:[wd_asp elements='search,results,settings' ratio='50%,50%,50%' id=1]
To display results by default, use the auto populate feature, for more information about it, check this chapter in the documentation: https://goo.gl/qfxmW4
Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
- AuthorPosts
You must be logged in to reply to this topic.