- Posts: 8
COMMUNITY FORUM
- Forum
- Free Joomla Extensions & Templates
- Simple Image Gallery
- Lightbox issues in J1.5 and custom Bootstrap 4 template
Lightbox issues in J1.5 and custom Bootstrap 4 template
- Singh Gurdip
- Topic Author
- Offline
- New Member
Less
More
4 years 4 months ago - 4 years 4 months ago #176469
by Singh Gurdip
Lightbox issues in J1.5 and custom Bootstrap 4 template was created 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/
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: 4 years 4 months ago by Singh Gurdip.
Please Log in or Create an account to join the conversation.
- JoomlaWorks
- Offline
- Admin
Less
More
- Posts: 6219
4 years 4 months ago #176484
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic Lightbox issues in J1.5 and custom Bootstrap 4 template
I'm assuming jQuery is loaded twice.
Open your browser's console to find out exactly.
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
- Topic Author
- Offline
- New Member
Less
More
- Posts: 8
4 years 4 months ago #176495
by Singh Gurdip
Replied by Singh Gurdip on topic Lightbox issues in J1.5 and custom Bootstrap 4 template
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
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.
- JoomlaWorks
- Offline
- Admin
Less
More
- Posts: 6219
4 years 4 months ago #176503
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic Lightbox issues in J1.5 and custom Bootstrap 4 template
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
- Topic Author
- Offline
- New Member
Less
More
- Posts: 8
4 years 4 months ago #176520
by Singh Gurdip
Replied by Singh Gurdip on topic Lightbox issues in J1.5 and custom Bootstrap 4 template
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?
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.
- JoomlaWorks
- Offline
- Admin
Less
More
- Posts: 6219
4 years 4 months ago #176521
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic Lightbox issues in J1.5 and custom Bootstrap 4 template
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
- Topic Author
- Offline
- New Member
Less
More
- Posts: 8
4 years 4 months ago #176523
by Singh Gurdip
Replied by Singh Gurdip on topic Lightbox issues in J1.5 and custom Bootstrap 4 template
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?
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.
- JoomlaWorks
- Offline
- Admin
Less
More
- Posts: 6219
4 years 4 months ago #176526
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic Lightbox issues in J1.5 and custom Bootstrap 4 template
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:
The result will be this: jmp.sh/xMO97I8
In the future, please use our helpdesk system only for such requests: www.joomlaworks.net/helpdesk
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
- Topic Author
- Offline
- New Member
Less
More
- Posts: 8
4 years 4 months ago #176527
by Singh Gurdip
Replied by Singh Gurdip on topic Lightbox issues in J1.5 and custom Bootstrap 4 template
Perfect! Thank you so much!
This can be closed.
This can be closed.
Please Log in or Create an account to join the conversation.
- JoomlaWorks
- Offline
- Admin
Less
More
- Posts: 6219
4 years 4 months ago #176530
by JoomlaWorks
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks on topic Lightbox issues in J1.5 and custom Bootstrap 4 template
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.
- Forum
- Free Joomla Extensions & Templates
- Simple Image Gallery
- Lightbox issues in J1.5 and custom Bootstrap 4 template