Search Results Page layout

This topic contains 8 replies, has 4 voices, and was last updated by  Stiofan O’Connor 7 years, 5 months ago.

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

Open Support Ticket
  • Author
    Posts
  • October 27, 2017 at 1:13 pm #402891

    Timothy Sullivan
    Full Member
    Post count: 63

    Hi,
    I have a question about the Search Results page.

    When I search Geodirectory using Business Name and/or Location parameters, the search results page looks great.

    However, when I search using the Category parameter, the page layout and styles changes a lot. I’m not sure why this is happening.

    I’m using Enfold theme.

    Please see the attached screenshot.

    This is a sample URL of the correct search result display:
    https://www.urbansake.com/?geodir_search=1&stype=gd_place&sgd_placecategory%5B%5D=&s=Sushi&snear=&set_location_type=3&set_location_val=892&sgeo_lat=&sgeo_lon=

    This is a sample URL of the wonky search results display when using Category as a search parameter:
    https://www.urbansake.com/?geodir_search=1&stype=gd_place&sgd_placecategory%5B%5D=2006&s=Sushi&snear=&set_location_type=3&set_location_val=892&sgeo_lat=&sgeo_lon=

    Thanks in advance for any insight.
    Timothy

    October 27, 2017 at 2:02 pm #402900

    Kor
    Moderator
    Post count: 16516

    Hi Timothy,

    Kindly insert this custom CSS code below into GD > Design > Scripts> Custom Style CSS to fix it. 

    

    #top .input-text, 
#top input[type="text"], 
#top input[type="input"], 
#top input[type="password"], 
#top input[type="email"], 
#top input[type="number"], 
#top input[type="url"], 
#top input[type="tel"], 
#top input[type="search"], 
#top textarea, #top select {
    font: 400 13.3333px Arial!important;
}
    

		
	
    


    

			
				

    

	
    

		October 27, 2017 at 2:59 pm

		
		#402912

		
		
		
	
    


    


    

	
    

		
		
    Timothy Sullivan
    Full Member
    
		
		
     Post count: 63
    
	
    

	
    

		
		
    Hi Kor!
    
Thank you very much.  The CSS did fix some of the fonts, but the page layout is still different.
    

    It looks like there is a different page template being used if search results uses Category search parameter or not?  For example there is a 50px padding on both edges of the main div on the problem page.  The correct search results layout is full width.  Looks like there is a “geodir_full_page clearfix” div missing on the incorrect version.
    

    this is the HTML I was able to find:
    

    Correct search results page layout:
    
‘<div id=”main” class=”all_colors” data-scroll-offset=”88″>
    
     <div class=”stretch_full container_wrap alternate_color light_bg_color title_container”>
    
     <div class=”geodir_full_page clearfix”>
    
     <div class=”container_wrap container_wrap_first main_color sidebar_right”>
    
     <div class=”container_wrap footer_color” id=”footer”>’
    

    Search Results Page using Category parameter:
    
‘<div id=”main” class=”all_colors” data-scroll-offset=”88″>
    
     <div class=”stretch_full container_wrap alternate_color light_bg_color title_container”>
    
     <div class=”container”>
    
          <h1 class=”main-title entry-title”>’
    

    I don’t get how adding the category search parameter would possible change search result page template being used.
    

    Thank you in advance for any suggestions or feedback!
    
Timothy
    

		
	
    


    

			
				

    

	
    

		October 27, 2017 at 4:52 pm

		
		#402938

		
		
		
	
    


    


    

	
    

		
		
    Alex Rollin
    Moderator
    
		
		
     Post count: 27815
    
	
    

	
    

		
		
    Hello!
    

    There are a number of options in GD->Design->Search that control classes and features present on the search page. Try some of those out to see if they create the desired effect.
    

    Let us know if that solves the problem
    

		
	
    


    

			
				

    

	
    

		October 27, 2017 at 6:57 pm

		
		#402948

		
		
		
	
    


    


    

	
    

		
		
    Timothy Sullivan
    Full Member
    
		
		
     Post count: 63
    
	
    

	
    

		
		
    I’ll give it a try.  thanks!
    

		
	
    


    

			
				

    

	
    

		October 27, 2017 at 7:59 pm

		
		#402958

		
		
		
	
    


    


    

	
    

		
		
    Timothy Sullivan
    Full Member
    
		
		
     Post count: 63
    
	
    

	
    

		
		
    Hi Alex, I checked out the design options at GC->Design->Search, but none of them addressed my problem.  My page layout is fine and only breaks if the user searches using the Category as a search parameter.  I’m stumped as to why Category would change the results page layout in that way.
    

    thanks!
    
Timothy
    

		
	
    


    

			
				

    

	
    

		October 28, 2017 at 11:59 am

		
		#403015

		
		
		
	
    


    


    

	
    

		
		
    Stiofan O’Connor
    Site Admin
    
		
		
     Post count: 22956
    
	
    

	
    

		
		
    Hi Tim,
    

    The advanced search searched parameters showing in the title is breaking the html of your theme title, i have disabled it and it works fine now, please check. (you did not seem to be using them anyway)
    

    Stiofan
    

		
	
    


    

			
				

    

	
    

		October 28, 2017 at 1:56 pm

		
		#403031

		
		
		
	
    


    


    

	
    

		
		
    Timothy Sullivan
    Full Member
    
		
		
     Post count: 63
    
	
    

	
    

		
		
    Brilliant!  Thank you so much.  Your outstanding support is very much appreciated!
    

		
	
    


    

			
				

    

	
    

		October 28, 2017 at 2:13 pm

		
		#403033

		
		
		
	
    


    


    

	
    

		
		
    Stiofan O’Connor
    Site Admin
    
		
		
     Post count: 22956
    
	
    

	
    

		
		
    🙂
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 9 posts - 1 through 9 (of 9 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