Register Advertise with usHelp Desk Today's Posts Search

Closed Thread
Thread Tools Search this Thread
Unread 21st Nov 2012, 09:08 AM   #1
Alburyboy67
War Room Member
 
Join Date: 2009
Posts: 25
Thanks: 3
Thanked 4 Times in 4 Posts
Default
Multiple Locations on a Find Us Page...
Share on: 
fb share twitter share gplus share more share

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.
djhislop is offline  
Unread 21st Nov 2012, 11:11 AM   #2
Howdy
War Room Member
 
Valdor Kiebach's Avatar
 
Join Date: 2008
Location: England
Posts: 679
Thanks: 101
Thanked 149 Times in 123 Posts
Default
Re: Multiple Locations on a Find Us Page...
Share on: 
fb share twitter share gplus share more share

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&amp;zoom=14&amp;size=288x200&amp;markers=10 downing street&amp;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&amp;zoom=14&amp;size=288x200&amp;markers=white house&amp;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&amp;zoom=14&amp;size=288x200&amp;markers=red square&amp;sensor=false" height="200" width="288" />
    </div> 
</div>
</body>
</html>
Valdor Kiebach is offline  
Unread 24th Nov 2012, 07:17 AM   #3
Alburyboy67
War Room Member
 
Join Date: 2009
Posts: 25
Thanks: 3
Thanked 4 Times in 4 Posts
Default
Re: Multiple Locations on a Find Us Page...
Share on: 
fb share twitter share gplus share more share

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.
djhislop is offline  
Unread 24th Nov 2012, 01:57 PM   #4
Active Warrior
War Room Member
 
RonBoyd's Avatar
 
Join Date: 2009
Location: Scotland Isle Of Lewis
Posts: 68
Thanks: 11
Thanked 18 Times in 13 Posts
Default
Re: Multiple Locations on a Find Us Page...
Share on: 
fb share twitter share gplus share more share

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<<<<
RonBoyd is offline  
Closed Thread


Bookmarks

Tags
find, find us, locations, multiple, page


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




All times are GMT -6. The time now is 07:46 AM.