Search + AJAX Map + Listings

This demo page was built using WordPress Visual Composer. It was used only to position directory elements on the page. There is a simple way to position them without Visual Composer using pure HTML and CSS. But with this addional plugin it is much more easier and faster to build needed shortcodes and position directory elements.

Main feature of this page: all 3 shortcodes ([webdirectory-search], [webdirectory-listings] and [webdirectory-map]) 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.

Shortcodes of this page:
[vc_row][vc_column width="1/1"][webdirectory-search columns="2" advanced_open="0" uid="u1"][webdirectory-map custom_home="0" num="-1" map_style="Gowalla" sticky_scroll="0" sticky_scroll_toppadding="10" show_summary_button="0" show_readmore_button="1" geolocation="0" ajax_loading="1" ajax_markers_loading="0" start_zoom="10" height="650" sticky_featured="0" radius_cycle="1" clusters="0" categories="0" locations="137,188,187,186,184,185,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,205,204,206" levels="" uid="u1" start_address="San Francisco, CA, USA"][webdirectory-listings uid="u1" ajax_initial_load="1" onepage="0" perpage="10" hide_paginator="0" sticky_featured="0" order_by="post_date" order="ASC" hide_order="0" hide_count="0" show_views_switcher="1" listings_view_type="list" listings_view_grid_columns="2" listing_thumb_width="300" wrap_logo_list_view="0" logo_animation_effect="6" categories="0" locations="0" levels=""][/vc_column][/vc_row]

 

Search in radius 0 miles