Bootstrap issue with Phoca Maps Topic is solved

[petjez]

Hello all,

since i moved to Joomla 5, the Joomla Maps plugin is messing with my template. This only happens when i set the Maps Plugin Detail Window to: Bootstrap Modal Box.

The setting is enabled now on https://globetrotten.nl
You can see the layout is messed up
There is a little text link under the first article box. The link is called 'KAART'.
When you click the link, the modal pops up, but stays empty.

I disabled some other plugins and modules, but this doesn't help. I also tried with another template which gives the same result

I've asked this same question on the Phoca Forumhttps://www.phoca.cz/forum/viewtopic.ph ... 57#p181657

I got an image with some errors from someone on the forum, see attachment. But i don't know how to fix a bootstrap issue.

Can someone give me some help ons this?

Kind regards,
Patrick

[anaisystechno]

Which version of PHP you have selected on the site?

[petjez]

Hello,

i'm using PHP version is 8.1.28 at the moment. Joomla is up-to-date.

Thank you,
Patrick

[Webdongle]

Set Cassiopeia as default template. If no avail then put a bug report to Phoca

[petjez]

Hi,

Cassiopeia is my default and only Template. I've tried to disable the child template with no result. I've tried another template also. Phoca can't help me. In the screenshot above is some JS error

Regards,
Patrick

[Webdongle]

You could use the Joomla update component to reinstall core files.
Also uninstall the child template

If no avail

In global config set debug on.

Also please https://forumpostassistant.github.io/docs/


It could be a 3rd party plugin overriding bootstap or perhaps an incomplete Joomla update.

[petjez]

Thanks for helping,

i will try the steps above and let you know.

Patrick

[Pavel-ww]

I got an image with some errors from someone on the forum, see attachment. But i don't know how to fix a bootstrap issue.

Hi. Just my thoughts.

Errors in the screenshot do not say that these are errors in Bootstrap. Some error in Phoca Maps can cause a chain reaction and is determined in the console as an error in Bootstrap, but in fact it is not.

I doubt Joomla has errors in Bootstrap. You need to wait for the answer from the developer of Phoca Maps, but not from "someone on the forum". I believe that if Cassiopea is used on your site, then the error is clearly on the Phoca Maps side, since the developers of extensions always debug for the default Joomla template (Cassiopea) and in this case there should be no errors.

[Webdongle]

Thanks @Pavel-ww
That concurs with my first answer.

Set Cassiopeia as default template. If no avail then put a bug report to Phoca

[Pavel-ww]

A simple way to check.

Through Dev Tools, I added example code from https://getbootstrap.com/docs/5.0/components/modal/

No errors after click on the example Bootstrap button

1.jpg

2.jpg

--

Errors appear only after click on the Phoca Maps button

3.jpg

Therefore, I believe that the reason is in Phoca Maps

[petjez]

Thank you everyone,

i will get back to the people of Phoca to see if they can help me a bit further on this one.

Thanks so far,
Patrick

[H13]

Hi,

do you use some specific system plugin which can e.g. manipulate the Joomla output content?

Why I ask, because if I look at your source code, the code there is completely disordered and e.g. the modal window code, which usually is rendered above the link code, is on your site divided into more parts and rendered e.g. inside some button:



Where did you place teh plugin code? Is ist correctly set in article content?

BTW Phoca Maps does not use any own Bootstrap library, it just calls the one loaded by Joomla.

Jan

[petjez]

Hello all,

this is what i tried:
- made en clone of my 'live' website
- removed all 3rd party components and plugins
- uninstalled my Child Template
- removed all overrides

I'm still having this issue. Strange thing is that the Akeeba Backup cannot be uninstalled. This is version 5.3.1 which is very old and not compatible with Joomla 5. I've tried to reinstall Akeeba Backup 5.3.1 which fails offcourse. I don't know how to uninstall the left over software and i don't know if it can trigger my issue?

The cloned site is https://test.globetrotten.nl

Any thoughts?

Patrick

[Webdongle]

Akeeba has a tool for that

[petjez]

Hello,

i found the issue. The problem is that i wanted to put the link to the Phoca Maps plugin inside a button. I messed it up myself because of lack of knowledge.

The link is inside a div, this does not work correctly. When i put the link outside the div everything works as expected.

Code: Select all

<div class="knopjes-groep" style="width: 100%;"><a href="fotos/duitsland-frankrijk-zwitserland-2024"><button class="knopje" style="width: 48%;">FOTO'S</button></a> &nbsp;&nbsp;<button class="knopje" style="width: 48%;">{phocamaps view=link|id=32|text=KAART}</button></div>
<div>&nbsp;</div>

I guess i need to fix this button somehow.

Thanks for helping out.

Patrick

[H13]

OK