21st Nov 2012, 09:08 AM | #1 |
Alburyboy67 War Room Member Join Date: 2009
Posts: 25
Thanks: 3
Thanked 4 Times in 4 Posts
|
Hello, I am a little lost in regard to adding multiple locations to a mobile website. For example, i would like to use this function for a Car Dealer that has three locations and each location sells different makes & models... I was wondering if anyone can give me some advice on how to add multiple Locations to a "Find Us" Page... I would also like each location to display some text explaining the physical location, a Tap To Call Button and Get Directions function... In addition to the above, preferably; I would like to keep all locations on one page and have "Top" buttons to get to the top of the page. Please note that I am not a computer programmer, however; any assistance will be greatly appreciated... Regards Dean. |
21st Nov 2012, 11:11 AM | #2 |
Howdy War Room Member Join Date: 2008 Location: England
Posts: 679
Thanks: 101
Thanked 149 Times in 123 Posts
|
Just use a 2 column layout and repeat the code for each dealer. Here is a quick example that could be made to look better using styles or something like jquery mobile. Code: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" /> <meta name="HandheldFriendly" content="true" /> <title>Locate Us</title> <style type='text/css'> .columns{ position: relative; width: 100%; right: 50%; } .right{ position: relative; overflow: hidden; float: left; width: 48%; left: 101%; } .left{ position: relative; overflow: hidden; float: left; width: 48%; left: 3%; } </style> </head> <body> <a name="top"></a> <div class="columns"> <div class="right"> <p> Here you would put the physical location, tap to call button and get directions button.<br /> <a href="#top">Top of Page</a> </p> </div> <div class="left"> dealer 1 map<br /> <img id="dealer 1 map" src="https://maps.googleapis.com/maps/api/staticmap?center=10%20downing%20street&zoom=14&size=288x200&markers=10 downing street&sensor=false" height="200" width="288" /> </div> </div> <div class="columns"> <div class="right"> <p> Here you would put the physical location, tap to call button and get directions button.<br /> <a href="#top">Top of Page</a> </p> </div> <div class="left"> dealer 2 map<br /> <img id="dealer 2 map" src="https://maps.googleapis.com/maps/api/staticmap?center=white%20house&zoom=14&size=288x200&markers=white house&sensor=false" height="200" width="288" /> </div> </div> <div class="columns"> <div class="right"> <p> Here you would put the physical location, tap to call button and get directions button.<br /> <a href="#top">Top of Page</a> </p> </div> <div class="left"> dealer 3 map<br /> <img id="dealer 3 map" src="https://maps.googleapis.com/maps/api/staticmap?center=red%20square&zoom=14&size=288x200&markers=red square&sensor=false" height="200" width="288" /> </div> </div> </body> </html> |
24th Nov 2012, 07:17 AM | #3 |
Alburyboy67 War Room Member Join Date: 2009
Posts: 25
Thanks: 3
Thanked 4 Times in 4 Posts
|
Thank you Valdor... I will try the code in a few days to see how it works... Thank so much for taking the time to send a reply. Kind Regards Dean. |
24th Nov 2012, 01:57 PM | #4 |
Active Warrior War Room Member Join Date: 2009 Location: Scotland Isle Of Lewis
Posts: 68
Thanks: 11
Thanked 18 Times in 13 Posts
|
Ya that's one way the other is to use the geo location capabilities of mobile phones and have the nearest dealership details shown. If they are any type of decent dealership then they will cross sell their stock...If they are not suggest it to them.. |
>>>> I am located in the UK so if I don't answer immediately or in a reasonable time please be aware of time zones<<<< | |
Bookmarks |
Tags |
find, find us, locations, multiple, page |
| |