Google Maps Problem - Question | JoomShaper
SP Page Builder 6 is Here! Learn More โ†’

Google Maps Problem

A

Angel

Extension 4 months ago

Hi, I'm having a problem with SP Property. If I enable Google Maps, the properties don't load alongside the map:

However, with Open Street Maps, everything is fine, but the mobile version is more inconvenient:

Any help?

0
15 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #195724

Please use this CSS to Template Options -> Custom Code -> Custom CSS

#sp-footer-movil{
    position: absolute !important;
}
0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 months ago #195616

Hello Angel,

Thank you for reaching out to our technical support forum. Iโ€™m sorry to hear about the trouble youโ€™re experiencing. Rest assured, I will look into this issue for you and work to resolve it as quickly as possible.

If you could kindly provide any additional information regarding the issue, it would greatly help me investigate and address it more efficiently. Please enable Google Maps and share the page link. I will check it.

Best regards

0
A
Angel
Accepted Answer
4 months ago #195630

Hi Ofi, Thank you very much for your response. I've attached some of the URLs where we show the search engine:

https://gtij4.gtizaragoza.es/alquiler-naves-industriales-zaragoza https://gtij4.gtizaragoza.es/venta-naves-industriales-zaragoza https://gtij4.gtizaragoza.es/venta-locales-comerciales-zaragoza

But they all actually call the same module. I'll share the administrator credentials with you privately. I just made a full backup of the site in case there are any problems.

Thanks.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #195677

You are welcome ๐Ÿ˜Š

I have modified this file:

components/com_spproperty/assets/js/spmap.js

and added this line of code:

<script src="/developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js"></script>

on Template Options -> Custom Code -> Before Head settings.

prnt.sc/rYHS8I6epQef

0
A
Angel
Accepted Answer
3 months ago #195692

Hi Ofi, thank you very much. Everything looks perfect with these changes.

One more thing: in the mobile version, the footer moves with the map. Is there an option to disable the footer on mobile devices? Thanks again.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #195697

You are welcome ๐Ÿ˜Š

Are you asking about this section?

prnt.sc/tLUHg9kRG8Vh

You can use this CSS to hide it on mobile and tablet devices.

@media (max-width: 767px) {
    #sp-footer-movil {
        display: none !important;
    }
}
0
A
Angel
Accepted Answer
3 months ago #195708

No, because of the website's footer. It has a black background, with the logo and various internal links that I'm supposed to see in the mobile version...

Well, unless the tab you're referring to is the one causing the problem that makes the map unusable, it seems to float.

If you test the page from a mobile device, you'll see that when you move the map, the black footer appears on top.

0
A
Angel
Accepted Answer
3 months ago #195862

Perfect, thank you very much.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #195939

You are welcome ๐Ÿ˜Š

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback onย 

  1. Joomla Extension Directory
  2. TrustPilot

This will inspire us to improve.

0
A
Angel
Accepted Answer
3 months ago #195954
0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #195976

Thank you so much for your appreciation

0
A
Angel
Accepted Answer
3 months ago #196013

Hello again Ofi, I just realized that the company logo is now very small.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #196050

I have increased the Logo Height. Please check it now.

prnt.sc/xcSQCoJPp4Qf

0
A
Angel
Accepted Answer
3 months ago #196054

Thanks!

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #196104

You are welcome ๐Ÿ˜Š

0