Customizing Search Scroll Bar and Location

This topic contains 9 replies, has 3 voices, and was last updated by  Matt Goodwin 4 years, 6 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #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.

    #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?

    #539731

    Matt Goodwin
    Full Member
    Post count: 84
    This reply has been marked as private.
    #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.

    #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;
    }
    #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.

    #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.

    #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/

    #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;
    }
    #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!!

Viewing 10 posts - 1 through 10 (of 10 total)

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount