Contact Us page box needs to move up

patvandenbosche

I am replacing Google maps with Open Street Map plugin, and it has affected the Contact Us page. In the demo page, you can see there is a solid color box imposed on the map on the Contact Us page. After switching to Open Street Map, it has moved much further down in the page. Can you help me get this back in place? Also, there is a strange text string that appears, and I'm not sure where that came from. I'm attaching screenshots of how it should be and what it looks like now:

And here is what mine looks like now:

saguaros

About the code map showing there, I removed it in the file: /templates/ja_diner/html/layouts/joomla/contact/masthead.php

<div class="google-map"> {jamap mode='normal' locations='{"location":{"0":"819 Mill St., Pulaski, TN, USA"},"latitude":{"0":"35.19134"},"longitude":{"0":"-87.046465"},"info":{"0":""}}' zoom='15' display_scale='0' }{/jamap} </div>

then I updated the code of OS map plugin:

<div class="google-map">{jaosmap}{/jaosmap} </div>

to show the map in same position.

If you assign the custom module with map to 'slideshow' position, the box will not display like demo site 🙂

I also updated this custom css on your site:

.view-contact .t3-masthead .contact .plain-style .google-map {z-index: 1;}
.view-contact .t3-masthead .contact .plain-style .container {z-index: 2;}

patvandenbosche

You did a lot of work on my behalf. Thank you, but the box populates the screen, and then when the map displays, it covers up the red box custom module. Is there a way to order the sequence of what happens when the slideshow module populates? Or whatever it should be assigned to.

Switching to Open Street Map is a lot of work, but I was hit with charges from Google for too many hits on their map, and they wanted over $600 from me personally. I had used my personal credit card to set this up for the client, thinking it would never hit the limit set by Google. But it did. I am going to switch all my clients to Open Street as I move them to Joomla 4.x, but this site "One Stop Car Sales" was my test case. Google did eventually remove the charges, but as a one-time courtesy. I can't afford a second hit.

So thank you for all your work on this.

Pat

saguaros

patvandenbosche but the box populates the screen, and then when the map displays, it covers up the red box custom module.

Both the box and map show instantly when I visit the contact page, I think it's good now.

patvandenbosche

No, it doesn't finish like it is supposed to finish, with the red box on top of the map. Please refer to my two screenshots submitted with this ticket initially. When you click on the Contact Us menu item, from the main menu, the red box is on the screen, followed by the map which covers up the entire red box. This is why the red box is not showing! I am using Firefox and Chrome.

I managed to get a screenshot that caught it between the red box showing and the map not yet drawn.

saguaros

I got your point, it relates to the connection of your server to the map, the box is static content loaded from your site so it will display quickly, while the map is an external resource, it will take time to load 🙂

patvandenbosche

So what you are saying is, it can't be fixed at my end? It worked just fine with Google Maps, but the issue appeared after switching to Open Street Maps. Then I need a different extension for the Contact Us page. Thanks.

saguaros

patvandenbosche Yes, I think it takes time to load the map there 🙂