Joomla Templates Club 406,261 posts

[qudoraat Friend qudoraatJoin date: July 2013Posts: 3Downloads:0Uploads:0]

#189827

How to add an actual map instead of img in The contact us page?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#502582

Hi

To have a google map showed in contact page follow these steps
1) Install and enable ( if not installed already ) the Ja_Goole_Map Plugin and set width and height of the map to fit your desired layout 300×900 px

2) Fill in the plugin your Google Map V3 Api Key and your address

3) Open your contact custom-html module published in position user 1 and edit it in this way

<div class="contact-map">
<div class="map-info">
<div>
<h3>Admission and info</h3>
Undergraduate Admissions<br /> <strong>+ Tel:</strong> 342 654 987<br /> <strong>+ Fax:</strong> 234 567 890</div>
<div>
<h3>General Information</h3>
Massachusetts Hall <br />Lanscater, Long street<br /> <strong>+ Tel: </strong>342 654 987</div>
</div>{jamap}</div>
<p>Cursus Vivamus nunc porttitor pretium felis Sed et nunc sociis faucibus. Quis Praesent tortor id Donec Vestibulum et Curabitur convallis Duis eros. Ut sit ac venenatis Sed elit auctor interdum fringilla Integer magna. Eros sit ante tristique odio malesuada purus Vivamus id faucibus sit. Sodales pharetra consectetuer est urna adipiscing id pellentesque.</p>

save the module and clean your cache

[sushismb Friend sushismbJoin date: October 2008Posts: 370Downloads:59Uploads:24 Thanks: 86 Thanked: 8 times in 1 posts]

#990390

@pavit

I’m a JATC Standard Member and don’t have access to paid extension.

Is it possible to use other Google Map plugins?

Thank you!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#990391

Hi

Yes you can use also other google maps plugins.

Regards

1 user says Thank You to pavit for this useful post

1. sushismb

[Author]

Posts