You can customize the directory and display locations closest to a user automatically by including a few parameters in a directory-business_locations call. Simply add the parameters:
<DIV CLASS="ROW LIST-ITEM" DATA-LOCATION="{@[email protected]}"DATA-PV-COMPONENT="DIRECTORY" DATA-PV-TYPE="BUSINESS_LOCATIONS" DATA-PV-PARAMETERS="{RETURNTOTAL: 100, USER_LATITUDE: {@[email protected]}, USER_LONGITUDE: {@[email protected]}, SORT_BY: 'DISTANCE'}"> <DIV CLASS="COL-SM-6 PT-4">
<DIV CLASS="WEBAPP_IMAGE_BOX">
<IMG SRC="{@[email protected]}" ALT="{@[email protected]}" CLASS="WEBAPP_THUMBNAIL RESPONSIVE MB-2" >
</DIV>
</DIV>
<DIV CLASS="COL-SM-6 TEXT-CENTER PB-4 ITEM-DETAILS"> <A HREF="/DIRECTORY/{@[email protected]}" STYLE="COLOR:#26428B ;"> <H4>{@[email protected]}</H4>
</A>
<P>{@[email protected]}, {@[email protected]} {@[email protected]}</P>
<P><SPAN STYLE="FONT-WEIGHT:BOLD;">WORK:</SPAN> Mon-Fri {@[email protected]}
</P>
<P><SPAN STYLE="COLOR:#EC692A;FONT-WEIGHT:BOLD;">CHEW:</SPAN>15% Off Menu</P>
<A HREF="/DIRECTORY/{@[email protected]}" CLASS="BTN BTN-PRIMARY">View Location Details</A>
</DIV>
</DIV>