Joomla Templates Club 406,261 posts

[palos Friend palosJoin date: January 2013Posts: 369Downloads:37Uploads:8 Thanks: 125 Thanked: 27 times in 7 posts]

#207613

Hi,

How should we edit/config the small map on Item page?
Right to the Item image, over the Author image, under the Location
I would use the same zoom level as the larger map uses what it brings up when click on it.
I would remove all the google controls as it looks like a simple image what cannot be clicked.
Perhaps I would put a text on it something like “click the map for larger view” or so…

Maybe it is connected to the Extra fields but have no glue how to make it logic.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#575048

Hi @palosutca,

1. At the moment, you can not interact with that small map as the only way is to click that, it will open the map in modal box so I haven’t got your idea about this part yet.

2. Do you mean you want to default UI controls in a map that open in modal box ?

3. Could you please provide a mockup screenshot about your desire result so I can assist you better ?

[palos Friend palosJoin date: January 2013Posts: 369Downloads:37Uploads:8 Thanks: 125 Thanked: 27 times in 7 posts]

#575097

Hi Adam M,
I would use the same zoom level as the larger map uses what it brings up when click on it.
I would remove all the google controls as it looks like a simple image what cannot be clicked.
This would be enough for the first shot!

[palos Friend palosJoin date: January 2013Posts: 369Downloads:37Uploads:8 Thanks: 125 Thanked: 27 times in 7 posts]

#641441

Hi Adam M,
I would use the same zoom level as the larger map uses what it brings up when click on it.
I would remove all the google controls as it looks like a simple image what cannot be clicked.
This would be enough for the first shot!

[palos Friend palosJoin date: January 2013Posts: 369Downloads:37Uploads:8 Thanks: 125 Thanked: 27 times in 7 posts]

#740103

Hi Adam M,
I would use the same zoom level as the larger map uses what it brings up when click on it.
I would remove all the google controls as it looks like a simple image what cannot be clicked.
This would be enough for the first shot!

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#575257

Hi @palosutca,

Please stay tuned while I’m checking this matter for you and I will reply back shortly.

[aris Friend arisJoin date: April 2014Posts: 106Downloads:27Uploads:9 Thanks: 83 Thanked: 8 times in 1 posts]

#575305

…and how to REMOVE/DELETE from item page?

thanks

[aris Friend arisJoin date: April 2014Posts: 106Downloads:27Uploads:9 Thanks: 83 Thanked: 8 times in 1 posts]

#641635

…and how to REMOVE/DELETE from item page?

thanks

[aris Friend arisJoin date: April 2014Posts: 106Downloads:27Uploads:9 Thanks: 83 Thanked: 8 times in 1 posts]

#740297

…and how to REMOVE/DELETE from item page?

thanks

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#575398

Hi @palosutca,

1. To change the zoom level, please open file templatesja_directoryhtmlcom_k2directoryitem.php change the zoom attribute from 6 to 10

2. To remove map control, please add disableDefaultUI: true (make sure to add a comma at the end of line above it)

then open file /templates/ja_directory/css/custom.css (if you don’t have this file, just create a new one) and add this code :

.directory-aside #mapModal .modal-body:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

Hi @arsaf,

To remove it, open custom.css file above and add this code :

.directory-aside .directory-location {
display: none;
}

---

Attachments:

1. 

1 user says Thank You to Adam M for this useful post

1. aris

[aris Friend arisJoin date: April 2014Posts: 106Downloads:27Uploads:9 Thanks: 83 Thanked: 8 times in 1 posts]

#575414

@adam,
Thanks, work for me

[superroo Friend superrooJoin date: July 2015Posts: 7Downloads:0Uploads:0]

#576943

How to prevent the modal popup completely? I just want a small interactive map

Many thanks.

>>figured it out>>

Line 623 in the item file, change from

<div data-toggle="modal" data-target="#mapModal" id="ja-event-map" style="max-width: 100%; height: 200px;"></div>

To

<div id="ja-event-map" style="max-width: 100%; height: 200px;"></div>

[superroo Friend superrooJoin date: July 2015Posts: 7Downloads:0Uploads:0]

#643251

How to prevent the modal popup completely? I just want a small interactive map

Many thanks.

>>figured it out>>

Line 623 in the item file, change from

<div data-toggle="modal" data-target="#mapModal" id="ja-event-map" style="max-width: 100%; height: 200px;"></div>

To

<div id="ja-event-map" style="max-width: 100%; height: 200px;"></div>

[superroo Friend superrooJoin date: July 2015Posts: 7Downloads:0Uploads:0]

#741906

How to prevent the modal popup completely? I just want a small interactive map

Many thanks.

>>figured it out>>

Line 623 in the item file, change from

<div data-toggle="modal" data-target="#mapModal" id="ja-event-map" style="max-width: 100%; height: 200px;"></div>

To

<div id="ja-event-map" style="max-width: 100%; height: 200px;"></div>

[Author]

Posts