[Kenny Berwager]

Ernest, Sorry for the additional message but I wanted to share my solution to #3 in my previous messaging. I was able to stylize the Filter box using custom CSS but wasn’t sure if any of it was actually in the plugin settings? Here’s my code, I highly recommend allowing users to customize in the Ajax Settings the following areas:

/*Ajax Search Pro Filter Box Styling*/

div.asp_w.asp_s.searchsettings {
border-radius: 0 0 30px 30px;
margin-top: 10px!important;
border: 1px solid #bfbfbf;
box-shadow:0px 5px 5px #9f823f;
}

.searchsettings, .asp_s.asp_s_1 {
max-width:1200px!important;
padding: 20px!important;
margin-top:10px!important;
}

div.asp_s.asp_s_1.searchsettings form {
justify-content:center;
}

div.asp_s.asp_s_1.searchsettings fieldset legend {

padding: 0 0 10px 10px;
font-weight: bold;
font-family: “Cabin”;
color: rgb(194 147 35);
font-size: 16px;
}

div.asp_s.asp_s_1.searchsettings fieldset.asp_s_btn_container button.asp_search_btn.asp_s_btn, div.asp_sb.asp_sb_1.searchsettings fieldset.asp_s_btn_container button.asp_search_btn.asp_s_btn {

background: rgb(240 179 16);
border: 2px solid hsl(42deg 69% 45%);
font-weight: bold;
font-family: “Cabin”;
font-size: 17px;
}
/*END Ajax Search Pro Filter Box Styling*/

[Kenny Berwager]

Great Ernest! Thank you so much. You have no idea how frustrating that was! I appreciate the professional support, I numbered my remaining questions, hopefully this will be everything for now on…….
|
#1….
ACF does have a number field indeed. I’ll backup my website and database and try to change the Bed, Bath and Sq. Ft. to the number field. On the frontend though, for Sq Ft I’ll need to add the comma in the number. Not sure how to do that, Thrive Themes doesn’t allow for formatting and not sure ACF number field allows for them. Example. 2,500 is the format not 2000 on the front end, I think the design looks nicer. I suppose I can live without the comma if necessary. Will the Ajax Search Pro Slider element work properly if I change the ACF field to be all ‘number’ fields?

#2….
I didn’t get an answer from you regarding the loading user experience…meaning….How can I restrict the results from auto-populating after just deselecting or choosing one filter option? I couldn’t even press the “Search Models” button before results just pop up instantly over top the filter screen, which is not ideal. If someone is using the filters menu, I think they should have time to select all the various filters they want before results pop up. Hope this makes sense?

#3…
Is there a way to center and adjust the filter box from the ajax search pro settings or do I have to use custom css? I don’t like how it’s off center and doesn’t look put together when you click the gold filter icon in the search input. SEE SCREENSHOT

#4…
Can you check one more compatibility problem with the masonry layout of Thrive Themes? I want to make sure it’s not a conflict causing this as well. There are abnormally large gaps between post list model homes as you scroll down and click View More Models you’ll see them https://jamyershomes.com/new/model-homes/ just tell me if it’s Thrive Themes or another conflict in isotope causing this issue??????

[Kenny Berwager]

You cannot access this content.

[Kenny Berwager]

Ok I used exact match and that seemed to help for displaying the correct homes in each home style category, however, it doesn’t seem to work when I search using the ACF data ‘3 Beds’ or by the sq ft numbers such as 1,807. Also, I wanted to use the slider element in the filter menu instead of the multi drop down but I can’t get it to work.

The other issue that I can’t fix but have discovered is that Ajax Search Pro uses isotope.js which is fine but there is something wrong in the code as it’s conflicting and causing glitches with the masonry post list with Thrive Theme Builder which is what I use to create my pages. How can you fix the conflict??? Here’s the page, https://jamyershomes.com/new/model-homes/ if you click view more homes load more button under the post list it goes to a huge white space and even you can see the glitched spacing. I already contacted Thrive Themes and they said something is not working properly. They used the network request blocking tool of Chrome, and blocked loading the script file /wp-content/plugins/ajax-search-pro/js/min/external/isotope.js and the glitches went away. They even disabled all other plugins to prove it.

Please help.

[Author]

Posts