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="" data-pv-component="directory" data-pv-type="business_locations" data-pv-parameters="{returnTotal: 100, user_latitude: {@user_latitude@}, user_longitude: {@user_longitude@}, sort_by: 'distance'}"> <div class="col-sm-6 pt-4"> <div class="webapp_image_box"> <img src="https://peoplevine.blob.core.windows.net/company/72/company/logo.png" alt="" class="webapp_thumbnail responsive mb-2" > </div> </div> <div class="col-sm-6 text-center pb-4 item-details"> <a href="/directory/0" style="color:#26428b ;"> <h4></h4> </a> <p>{@address1@}, </p> <p> <span style="font-weight:bold;">WORK:</span> Mon-Fri {@hours_monday@} </p> <p> <span style="color:#ec692a;font-weight:bold;">CHEW:</span> 15% Off Menu </p> <a href="/directory/0" class="btn btn-primary">View Location Details</a> </div></div>