Interactive Design Techniques

Bootstrap Dealer Locator 1Bootstrap Dealer Locator 2Bootstrap Dealer Locator 3Bootstrap Dealer Locator 4Bootstrap Dealer Locator 5

AgriLabs Bootstrap Dealer Locator

AgiLabs carries a specialty line of calf health products in over 800 store locations nation wide. We developed a custom web site for them to showcase these products, and one of the most important features they needed was a Dealer Locator. The one we developed fits nicely within their new site template, and it’s programmed with HTML5/CSS3, Bootstrap 3, PHP5, Fuel-PHP Framework, and a MySQL database.

There are different ways to find the stores nearest to your location, but probably the coolest way is to click your state on the first map view that comes up. This brings up an exploded view of your state showing the different store locations. In some cases there will be a cluster of stores in certain regions – too close to show in the current view. These are marked with different colored icons showing the number of stores in those particular locations. Clicking one of those icons gives a further exploded view of the store cluster in that area. Click one of the store markers to get more details and directions.

You can also type in your zip code or physical address of course, and that will bring up a list of stores – starting with the one closest to your location first.

This application is responsive, so it works great on mobile devices also.

Share Your Comments