Joomla Templates Club 406,261 posts

[Rusell Cerrato Friend Rusell CerratoJoin date: September 2014Posts: 220Downloads:0Uploads:41 Thanks: 120 Thanked: 8 times in 1 posts]

#178951

Hello guys!

I need to setup my own map for offices, and use “the Our brand’s address” module.. as in mendozite demo
also the map will have different points of reference for all 9 offices instead of only 3 as in demo..

please guide me through the steps on how to setup my own module map as in demo..

best regards

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#460576

Hi Rcerrato
It is custom html module, so you must modify by yourself.
Sorry, i can not help you in this case

Regards,

1 user says Thank You to HeR0 for this useful post

1. Rusell Cerrato

[Rusell Cerrato Friend Rusell CerratoJoin date: September 2014Posts: 220Downloads:0Uploads:41 Thanks: 120 Thanked: 8 times in 1 posts]

#460605

Thanks,
this is one of the elements that took the breath away from my customer, and I really need to sort it out,, thing is that i do not now where to start.. I only have a map, and I know where the points should be..

but dont know how the html reads these points position..
also how many files and elements are used, such as jpgs, pngs, gif, ccs… and how these are co-related each

any idea on how can I?

thanks again!

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#460655

Hi Rcerrato,

I think that you should post your prj to http://www.joomlancers.com then you can hire a developer to help you out.
Other way, you can use JA Map plugin as solution instead

Regards,

[nsca Friend nscaJoin date: March 2012Posts: 247Downloads:102Uploads:51 Thanks: 66 Thanked: 15 times in 3 posts]

#461205

Hello!

To change the points:

1) In your FTP client, go to: public_html/templates/ja_mendozite/css and download “template.css”
2) Open it (i’ve used Notepad++) and go to line 1446 (class “.point-1”) and change the top and left parameters in order to relocate the pointer. (Eg. left: 95px; top: 139px; to point Buenos Aires)
3) Do the same with class .pont-2 and 3, and add class with the differents parameters ultil you have 9 classes to your 9 offices.
4) Go to your Admin Panel->Modules->Our brand’s address
And modify the code:

<div class="brandinfo-wrap">
<div class="brandinfo"><a class="brand-point point-1" href="#">1</a>
<div class="brandinfo-main">
<h4>Brands at Buckingham, New York , America</h4>
<span>Tel: (84 4) 2212820, Mail: info@joomlart.com</span></div>
</div>
<div class="brandinfo"><a class="brand-point point-2" href="#">2</a>
<div class="brandinfo-main">
<h4>Brands at Buckingham, New York , America</h4>
<span>Tel: (84 4) 2212820, Mail: info@joomlart.com</span></div>
</div>
<div class="brandinfo"><a class="brand-point point-3" href="#">3</a>
<div class="brandinfo-main">
<h4>Brands at Buckingham, New York , America</h4>
<span>Tel: (84 4) 2212820, Mail: info@joomlart.com</span></div>
</div>
</div>

And then add the 6 other offices one to one like this:

<div class="brandinfo"><a class="brand-point point-4" href="#">4</a>
<div class="brandinfo-main">
<h4>Central Office, Buenos Aires , Argentina</h4>
<span>Tel: (84 4) 2212820, Mail: info@joomlart.com</span></div>
</div>
</div>

Make sure u change this —> brand-point point-4” href=”#”>4

Please press “thank” if it helps!

Cheers!

1 user says Thank You to nsca for this useful post

1. abcorp

[Author]

Posts