[directorist_signin_signup]

Main feature of this page: all 3 shortcodes connected by same value of “uid” parameter, so they work together. Listings load according to map markers, those visible on Google map. Each drag or zoom changing of the map loads new markers and listings. So we may say, that the map controls listings block. This effect due to ajax_loading=1 parameter in the map shortcode, also ajax_initial_load=1 parameter is required for listings shortcode, so listings shortcode will not load own listings before map markers. Search form works in AJAX mode only with enabled “Use AJAX loading” option in directory settings.

[webdirectory-search uid=”u1″ columns=”2″ advanced_open=”0″ address=”Los Angeles, USA” radius=10]
[webdirectory-map uid=”u1″ search_on_map=1 num=”-1″ map_style=”Gowalla” show_summary_button=”0″ show_readmore_button=”1″ ajax_loading=1 start_zoom=”10″ height=”650″ radius_circle=”1″ start_latitude=34.0568645 start_longitude=-118.3923244]
[webdirectory-listings uid=”u1″ perpage=”10″ order_by=”post_date” order=”ASC” listings_view_type=”grid” listings_view_grid_columns=”3″ listing_thumb_width=”300″ ajax_initial_load=1]

[webdirectory-search uid=”u1″ columns=”2″ advanced_open=”0″ address=”Los Angeles, USA” radius=10]
[webdirectory-map uid=”u1″ search_on_map=1 num=”-1″ map_style=”Gowalla” show_summary_button=”0″ show_readmore_button=”1″ ajax_loading=1 start_zoom=”10″ height=”650″ radius_circle=”1″ start_latitude=34.0568645 start_longitude=-118.3923244]
[webdirectory-listings uid=”u1″ perpage=”10″ order_by=”post_date” order=”ASC” listings_view_type=”grid” listings_view_grid_columns=”3″ listing_thumb_width=”300″ ajax_initial_load=1]

Display all existing markers using AJAX loading, start from ‘LA, USA’, show compact search form on the map.

Main feature of this page: the map loads only needed map markers, those visible in the viewport of the map. Each drag or zoom changing of the map loads new markers. This effect due to ajax_loading=1 parameter in the map shortcode. ajax_markers_loading=1 parameter gives an ability to load marker info window after the click on marker. All these effects give increase of performance and allow to process thousands of markers. Using built-in compact search form is quite useful and allows to find needed listings very fast.

[webdirectory-map search_on_map=1 search_on_map_open=1 num=”-1″ height=650 show_summary_button=”0″ show_readmore_button=”1″ clusters=1 ajax_loading=1 ajax_markers_loading=1 start_latitude=34.0568645 start_longitude=-118.3923244 start_zoom=10 map_style=”Gowalla”[

[webdirectory-map search_on_map=”1″ search_on_map_open=1 num=”-1″ height=”650″ show_summary_button=”0″ show_readmore_button=”1″ clusters=1 ajax_loading=”1″ ajax_markers_loading=”1″ start_latitude=34.0568645 start_longitude=-118.3923244 start_zoom=10 map_style=”Gowalla”]

[webdirectory-listings carousel=1 carousel_slide_width=300]

[webdirectory-listings carousel=1 carousel_slide_width=300]

[webdirectory-listings carousel=1 hide_content=1 carousel_slide_width=300]

[webdirectory-listings carousel=1 hide_content=1 carousel_slide_width=300]

[webdirectory-listings carousel=1 hide_content=1 carousel_show_slides=2 carousel_slide_width=600 summary_on_logo_hover=1]

[webdirectory-listings carousel=1 hide_content=1 carousel_show_slides=2 carousel_slide_width=600 summary_on_logo_hover=1]

[webdirectory-listing-page]

Display all existing markers using AJAX loading, start from ‘LA, USA’, just enable clusters.

Main feature of this page: the map loads only needed map markers, those visible in the viewport of the map. Each drag or zoom changing of the map loads new markers. This effect due to ajax_loading=1 parameter in the map shortcode. ajax_markers_loading=1 parameter gives an ability to load marker info window after the click on marker. All these effects give increase of performance and allow to process thousands of markers.

[webdirectory-map height=650 clusters=1 ajax_loading=1 ajax_markers_loading=1 start_latitude=34.0568645 start_longitude=-118.3923244 start_zoom=10 map_style=”Gowalla”]

[webdirectory-map height=650 clusters=1 ajax_loading=1 ajax_markers_loading=1 start_latitude=34.0568645 start_longitude=-118.3923244 start_zoom=10 map_style=”Gowalla”]

[webdirectory-map height=800 draw_panel=1 search_on_map=0 num=50]

[webdirectory-map height=800 draw_panel=1 search_on_map=0 num=50]

We will start from ‘Los Angeles, USA’. Then GeoLocation request of your browser will be accepted or automatic GeoLocation failed. All existing markers using AJAX loading.

Shortcodes of this page:
[webdirectory-map uid=”u1″ height=650 ajax_loading=1 ajax_markers_loading=1 start_latitude=34.0568645 start_longitude=-118.3923244 start_zoom=10 geolocation=1 map_style=”Avocado World”]
[webdirectory-listings uid=”u1″ ajax_initial_load=1]

[webdirectory-map uid=”u1″ height=650 ajax_loading=1 ajax_markers_loading=1 start_latitude=34.0568645 start_longitude=-118.3923244 start_zoom=10 geolocation=1 map_style=”Avocado World”]
[webdirectory-listings uid=”u1″ ajax_initial_load=1]

4 columns grid. Display all listings in 4 columns grid. Default order by title.

Shortcodes of this page:
[webdirectory-listings perpage=”8″ order_by=”title” order=”ASC” listings_view_type=”grid” listings_view_grid_columns=”4″]

[webdirectory-listings perpage=”8″ order_by=”title” order=”ASC” listings_view_type=”grid” listings_view_grid_columns=”4″]