Keyword

Lightbox issues in J1.5 and custom Bootstrap 4 template

  • Singh Gurdip
  • Singh Gurdip's Avatar Topic Author
  • Offline
  • New Member
More
3 years 8 months ago - 3 years 8 months ago #176469 by Singh Gurdip
Joomla; 1.5.23
SIG: 4.1.0
Bootstrap 4 (jquery 3.5.1)

Hi. I created a custom template for a J1.5.23 site using Bootstrap 4. My SIG gallery uses the latest 4.1.0 (for J1.5). The gallery thumbnail appears fine but clicking on an image opens the lightbox that freezes. Disabling jquery opens the image in a new window rather than a lightbox.

It is a js issue/conflict but I'm unable to fix it. Any help to fix this will be very much appreciated.

The site: www.parccentros-sg.com/
Last edit: 3 years 8 months ago by Singh Gurdip.

Please Log in or Create an account to join the conversation.

More
3 years 8 months ago #176484 by JoomlaWorks
I'm assuming jQuery is loaded twice.

Open your browser's console to find out exactly.

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Singh Gurdip
  • Singh Gurdip's Avatar Topic Author
  • Offline
  • New Member
More
3 years 8 months ago #176495 by Singh Gurdip
Hi.

Yes, jquery is loaded twice, once by SIG:
<script type="text/javascript" src="cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js">

and also by bootstrap:
<script src="/templates/parccentros/vendor/jquery/jquery.min.js"></script>

Disabling jquery in SIG's option doesn't help. The image opens in a new window when clicked.

Is there anyway I can make the SIG plugin for J1.5 work under the latest bootstrap 4? I'm ok with making code changes if I know what to amend.

Thanks

Please Log in or Create an account to join the conversation.

More
3 years 8 months ago #176503 by JoomlaWorks
As long as BS4's jQuery copy is loaded before SIG's JS and CSS files.

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Singh Gurdip
  • Singh Gurdip's Avatar Topic Author
  • Offline
  • New Member
More
3 years 8 months ago #176520 by Singh Gurdip
Hi. I tried that but it didn't work.

On this page:
www.joomlaworks.net/support/docs/simple-image-gallery-pro

It says:
"Simple Image Gallery PRO utilizes 10 popup engines for ultimate style and compatibility with various frameworks. Most are based on the jQuery JavaScript library and 2 of them can display the source image in a "responsive" modal box with a touch friendly user interface. Ideal for responsive web sites! 3 popup engines work with "vanilla" JavaScript (they don't require jQuery or any other such library) and most of the popup engines are "slideshow capable". Popup engines utilizing jQuery will download the latest library version minified from the "Google AJAX Libraries API" service, which means faster load times for your website and your gallery. You have full control over how jQuery is loaded. "

Doy ou think the Pro version will work on my J1.5 site using BS 4?

Please Log in or Create an account to join the conversation.

More
3 years 8 months ago #176521 by JoomlaWorks
Yeap. And you can also disable jQuery if you want.

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Singh Gurdip
  • Singh Gurdip's Avatar Topic Author
  • Offline
  • New Member
More
3 years 8 months ago #176523 by Singh Gurdip
I have purchased and installed the Pro version of SIG. It works, tho I can't figure out an issue with my thumbnail display. Can you have a look at the two galleries on this page: www.parccentros-sg.com/.

Unlike your demo, why does my border only show on the top and left (and not on every side) of each thumbnail?

Please Log in or Create an account to join the conversation.

More
3 years 8 months ago #176526 by JoomlaWorks
Your template's CSS enforces a global rule for all elements which breaks SIGPro's grid.

Add this CSS code in your template to at least disable that rule's effect on SIGPro only:
ul.sigProContainer * {
    box-sizing: content-box;
}

The result will be this: jmp.sh/xMO97I8

In the future, please use our helpdesk system only for such requests: www.joomlaworks.net/helpdesk

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Singh Gurdip
  • Singh Gurdip's Avatar Topic Author
  • Offline
  • New Member
More
3 years 8 months ago #176527 by Singh Gurdip
Perfect! Thank you so much!
This can be closed.

Please Log in or Create an account to join the conversation.

More
3 years 8 months ago #176530 by JoomlaWorks
You're welcome.

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum