Customizing Search Scroll Bar and Location

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: no results, remove default location, search scroll bar

Author

Posts
April 11, 2020 at 4:02 pm #539652

Matt Goodwin
Full Member

Post count: 84

Looking to improve the way the search looks when on a page that yielded no search results. For example if you search for something that is not on your website it takes you to an empty page with text saying “No listings were found matching your selection…” – If you then attempt to search from that empty results page the height of the area used for the search is very short and has a scroll bar. The autocomplete feature will then run out of space quickly and will require the user to scroll through the autocomplete results. I want to make this area so you don’t need a scroll bar. Is it possible to have the autocomplete results appear over the page content?

Also, my website is limited to a very small state in the USA. At its furthest borders you can drive by car from one border to the other in only 4 hours. When people search for something I would rather the location defaults to view results in all locations unless the user specifically selects a location for EACH search. So if they do search by location it doesn’t set that location in their browser and in order to search by specific location again they will have to select the location again.

April 12, 2020 at 6:15 am #539686

Kor
Moderator

Post count: 16516

hi Matt Goodwin,

Thanks for your post. We’ll have to investigate this further on your end. Could you share your Website WP admin access here in private reply along with the URL of the page in question?

April 12, 2020 at 6:39 pm #539731

Matt Goodwin
Full Member

Post count: 84

This reply has been marked as private.

April 13, 2020 at 7:59 am #539772

Alex Rollin
Moderator

Post count: 27815

We are checking to see if the dropdown issue can be fixed with CSS.

The Near field will automatically show the search location. Users can clear it by picking the ‘x’ to clear it.

April 13, 2020 at 8:05 am #539774
Kor
Moderator

Post count: 16516
Hi there,

Thanks for your reply. To fix this, you can insert the custom CSS code below into WP > Appearance > Customize > Additional CSS.
```
body.geodir-fixed-archive .sd-container .container .entry-content {
    overflow-y: visible;
}
```
April 13, 2020 at 12:15 pm #539800

Matt Goodwin
Full Member

Post count: 84

Shortcode worked perfectly! Thank you!!!

As far as the auto location in search, I know you can click the “X” to clear it but the two people working on the site including myself keep getting thrown off by it when we can find what we’re looking for, then we remembered we have to clear it. I’m sure its because of our exact application using GD. Any way you can think of to deactivate that feature? If not where would I find the GD file for that function? Maybe we can play around with the code.

April 13, 2020 at 12:50 pm #539812

Matt Goodwin
Full Member

Post count: 84

Spoke too soon.. The shortcode works perfectly on pages without any listings but when you’re on a page that has listings the scroll bar is missing so you can’t scroll down the listings.

April 13, 2020 at 2:58 pm #539826

Alex Rollin
Moderator

Post count: 27815

You can use the special body class that is shown on no results search pages to customize the CSS further to meet your needs. This class was just released in the latest version and we don’t have any examples for it as of yet. For notes about creating your own CSS see:

https://wpgeodirectory.com/docs/customizing-your-style/

For additional convenience for a directory without many locations or listings it can sometimes be helpful to remove the location from GD elements.

You can find the settings for this on the GD Locations tab. Use the blue button to reveal the advanced options for removing location from Archive URLs on the Details and Listings pages.

https://wpgeodirectory.com/docs-v2/addons/location-manager/

April 13, 2020 at 3:39 pm #539838
Kor
Moderator

Post count: 16516
Hi Matt,

Thanks for your reply. I’ve added this custom CSS code. Could you please check now?
```
body.geodir-fixed-archive .sd-container .container .entry-content {
    min-height: 500px!important;
}

.gd-suggestions-dropdown.gdas-search-suggestions.gd-ios-scrollbars {
    max-height: 300px!important;
}
```
April 13, 2020 at 5:01 pm #539857

Matt Goodwin
Full Member

Post count: 84

Thank you!! That works perfect!

I will look into the location settings to see what I can do in there, thank you!!
Author

Posts