Stores on map
You can add to your site a map to locate nearby stores, using the browser location, address or zip code.
Searching stores on the map
You can add to your site a map to search stores.
<div>
<iframe src="https://www.paynet.com.mx/mapa-tiendas/index.html"></iframe>
</div>
- If you want to disable the browser location you must add the parameter
locationNotAllowed = true
in the URL of property src of iframe tag
<div>
<iframe src="https://www.paynet.com.mx/mapa-tiendas/index.html?locationNotAllowed=true"></iframe>
</div>
- You can search fields parameterized by adding the following parameters:
- Address:
address=Querétaro
- Postal code:
postalCode=76900
- Amount:
amount=2000
Amount: The amount is a hidden parameter field, this is useful in large amounts of payments for some stores there is a maximum payment limit.
<div>
<iframe src="https://www.paynet.com.mx/mapa-tiendas/index.html?address=Querétaro&postalCode=76900&amount=2000"></iframe>
</div>
- You can also include the map in a modal:
<link rel="stylesheet" href="/css/colorbox.css" />
<script src="/js/jquery.js"></script>
<script src="/js/jquery.colorbox-min.js"></script>
<script>
$(document).ready(function(){
$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"});
return false;
});
});
<p><h3>Locate your nearest store by clicking <a class='iframe' href="https://www.paynet.com.mx/mapa-tiendas/index.html">here</a></h3></p>
</script>
Try it by clicking here
Colorbox was used to create this example.