Place Multilocation to the side of Advance Search Wiget

This topic contains 8 replies, has 3 voices, and was last updated by  Paolo 9 years, 6 months ago.

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

Open Support Ticket
  • Author
    Posts
  • November 2, 2014 at 9:37 am #20288

    kevintodler
    Free User
    Post count: 48

    Hi Guust,
    Is there any way to move multilocation from menu item and just place it next to advance search widget.
    Is there any simple way to do it?

    November 2, 2014 at 9:45 am #20289

    Guust
    Moderator
    Post count: 29970

    I guess you mean the location switcher?
    So you’d like to move the switcher from the menu bar and put it next to the search widget? Not that simple at all I think, but let’s ask Paolo as well.

    November 2, 2014 at 10:56 am #20290

    kevintodler
    Free User
    Post count: 48

    Will it be easier if we create a location switcher widget?
    whether adding a widget for location switcher is easier?

    There must be a good solution that may accomplish this.

    Adding location switcher next to search will help users know why they could not find listings in their area.
    It will be a good adjustment until the feature “better search features” is developed fully.

    November 2, 2014 at 4:21 pm #20316

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    put the following in functions.php to allow shortcodes to be parsed in text widgets:

    

    add_filter('widget_text', 'do_shortcode');

    

    Then just create a text-widget next to search with the following shortcode:
    

    [geodir_location_tab_switcher autoredirect="1"]
    

    and adjust with css.
    

    Thx
    

		
	
    


    

			
				

    

	
    

		November 5, 2014 at 11:33 am

		
		#20636

		
		
		
	
    


    


    

	
    

		
		
    kevintodler
    Free User
    
		
		
     Post count: 48
    
	
    

	
    

		
		
    Hi Paolo,
    
        Thanks for your suggestion.
    
I have a small problem here, when I displayed location switcher next to search widget, it lost all the CSS properties it had when displayed in menu.
    
The location switcher displayed in a rectangular box with no design it had while in menu.
    

    Is it possible to retain the same CSS when it was displayed in menu?
    
Do we have to manually code CSS properties for location switcher if not possible to retain the CSS ?
    

    Regards,
    

    Kevin
    

		
	
    


    

			
				

    

	
    

		November 5, 2014 at 7:46 pm

		
		#20729

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31206
    
	
    

	
    

		
		
    It shouldn’t loose css. My suggestion to fix csss was just to allign it with the search form.
    

    I believe the css is being overwritten by the theme instead.
    

    Can you provide a URL to have a look at it?
    

    Thx
    

		
	
    


    

			
				

    

	
    

		November 6, 2014 at 11:10 am

		
		#20789

		
		
		
	
    


    


    

	
    

		
		
    kevintodler
    Free User
    
		
		
     Post count: 48
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		November 6, 2014 at 11:39 am

		
		#20791

		
		
		
	
    


    


    

	
    

		
		
    kevintodler
    Free User
    
		
		
     Post count: 48
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		November 6, 2014 at 6:32 pm

		
		#20840

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31206
    
	
    

	
    

		
		
    Hi kevin,
    

    there are only a couple of css tweaks to make it look like in the menu:
    

    

    
.geodir_location_tab_container {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin: 20px 0 -40px;
}

.geodir_location_tabs_head {
    margin: 0;
    padding: 0;
    width: 200px;
}

.geodir_location_tabs {
    width: 33%;
}

.geodir_location_tabs_head .geodir_location_tabs a {
    display: block;
    font-size: 12px;
    text-decoration: none;
    width: auto;
}

.geodir_location_sugestion .chosen-single {
    color: #444;
    font-size: 12px;
    padding: 0 0 0 8px;
    width: auto;
}

.geodir-chosen-container-single .chosen-single div b {
    margin-top: 0px;
}


    

    This should more or less do it, you can modify following your taste.
    

    Thanks
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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