Keyword

Lightbox issues in J1.5 and custom Bootstrap 4 template

  • Singh Gurdip
  • Singh Gurdip's Avatar Topic Author
  • Offline
  • New Member
More
1 month 2 days ago - 1 month 2 days 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: 1 month 2 days ago by Singh Gurdip.

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

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
1 month 1 day ago #176484 by Fotis
I'm assuming jQuery is loaded twice.

Open your browser's console to find out exactly.

If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

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

  • Singh Gurdip
  • Singh Gurdip's Avatar Topic Author
  • Offline
  • New Member
More
1 month 20 hours 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.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
1 month 18 hours ago #176503 by Fotis
As long as BS4's jQuery copy is loaded before SIG's JS and CSS files.

If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

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

  • Singh Gurdip
  • Singh Gurdip's Avatar Topic Author
  • Offline
  • New Member
More
4 weeks 2 days 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.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
4 weeks 1 day ago #176521 by Fotis
Yeap. And you can also disable jQuery if you want.

If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

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

  • Singh Gurdip
  • Singh Gurdip's Avatar Topic Author
  • Offline
  • New Member
More
4 weeks 1 day 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.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
4 weeks 13 hours ago #176526 by Fotis
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

If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

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

  • Singh Gurdip
  • Singh Gurdip's Avatar Topic Author
  • Offline
  • New Member
More
4 weeks 6 hours 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.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
3 weeks 6 days ago #176530 by Fotis
You're welcome.

If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

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


Powered by Kunena Forum