Joomla Templates Club 406,261 posts

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#138911

Hi,

I want to insert a company location map to the contact us page, may I know how to do it? The contact us component joomla’s, not third part. Which file I should go to edit?

Here is the link:
http://mccurryrecipe.com/index.php?option=com_contact&view=contact&id=1&Itemid=78

Attached with what I want.

---

Attachments:

1. 

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#294926

i assume your location map is just an image?

then i think you can try
componentscom_contactviewscontacttmpldefault.php

and adding the image to where it is required

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#294938

Hi,

I found the file but what code should I put it, sorry, I am not familiar with PHP.

Thanks first!

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#294942

Hi,

Ok, now I have successfully added the location map but there is slightly problem.

I want to move the location map to left and space in between the title and the location map, how to do that?

Link: http://mccurryrecipe.com/index.php?option=com_contact&view=contact&id=1&Itemid=78

Attached with what I want.

---

Attachments:

1. 

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#294945

hmmm this will be difficult to debug without the php code. but from what i can see from your html file,

<td align="right" valign="top" rowspan="2">
<div style="float:right">
<img align="middle" alt="Contact" src="/images/stories/mccurrymap.jpg"/>
</div>
</td>

you need to make it

<td align="center" valign="top" rowspan="2">
<div style="">
<img align="middle" alt="Contact" src="/images/stories/mccurrymap.jpg"/>
</div>
</td>

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#294949

Hi,

Found it. Go to componentscom_contactviewscontacttmpldefault. php

change:

<td></td>

<div style=”float: right;”>
<?php echo JHTML::_(‘image’, ‘images/stories’ . ‘/’.$this->contact->image, JText::_( ‘Contact’ ), array(‘align’ => ‘middle’)); ?>
</div>

To:

<div style=”float: left;”>
<?php echo JHTML::_(‘image’, ‘images/stories’ . ‘/’.$this->contact->image, JText::_( ‘Contact’ ), array(‘align’ => ‘middle’)); ?>
</div>

Thanks jsliao.

Here is the result:
http://mccurryrecipe.com/index.php?option=com_contact&view=contact&id=1&Itemid=78

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#294951

heh so you’re using the contact picture for location image eh? good idea. 🙂

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#294960

Hi,

Yes, faster and easier, just need to change the alignment. 🙂 Learnt new thing again.

[Author]

Posts