Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Open Overlay Section by clicking on the Link

3 years 5 months ago #1

  • Artem's Avatar
  • Artem
  • Posts: 9025
How to open Overlay Section Plugin By Clicking on the Custom Link?

Step 1. Add link using Gridbox plugin Custom HTML

<a class="my-link">#</a>

Pay Attention - link include custom class "my-link"

Step 2. Open Gridbox JavaScript Editor and add next code:
jQuery('a.my-link').on('click', function(event){
 event.preventDefault();
  jQuery('#item-14990685630 a').trigger('click');
})

Where #item-14990685630 it's an ID of the plugin overlay section, you can find it using developer console



Step 3. Save Page and Enjoy B)

NOTE: JavaScript works only on the Frontend, so results you need to check at the front

3 years 5 months ago #2

  • onelove234's Avatar
  • onelove234
  • Posts: 350
Cool tip and explanation, your forum is a good place to start learning Javascript :)

3 years 5 months ago #3

  • Artem's Avatar
  • Artem
  • Posts: 9025
onelove123 wrote:
Cool tip and explanation, your forum is a good place to start learning Javascript :)

Thank you! I'm surprised :) I'm really happy to know that this tip can be useful for you :)

3 years 3 months ago #4

  • Adrian's Avatar
  • Adrian
  • Posts: 18
Hi Artem,

Thank you for your good explanation!
Unfortunately, it doesn't seem to work on my site; www.hebamme-carole.ch
I added the link and the JavaScript Code like your example.
And I took this ID form the developer console (Overlay-Button "PIKETTENTSCHÄDIGUNG") --> Image Attachment

But by clicking on the test links (just below) nothing happen :unsure: !
Could you give me assistance?


Thanks,
Adrian
Attachments:

3 years 3 months ago #5

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
Hello,

Try using this code:
jQuery("document").ready(function(){
	jQuery('a.my-link').on('click', function(event){
		event.preventDefault();
		jQuery('#item-15097320810 a').trigger('click');
	})
});
Regards,
Vyacheslav, Balbooa.com

3 years 3 months ago #6

  • Adrian's Avatar
  • Adrian
  • Posts: 18
Hi Vyacheslav

Thank you very much, it's working perfect now :cheer: !

Regards,
Adrian

3 years 3 months ago #7

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
You are welcome ;)

2 years 5 months ago #8

  • Alberto's Avatar
  • Alberto
  • Posts: 460
Hello support.
I need just a Explanation.
I have to create an overlay section hidden in desktop and mobile and then i can set its item number on a link?

2 years 5 months ago #9

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
Hello,

That's right, hide the section overlay button

Regards,
Vyacheslav, Balbooa.com

2 years 4 months ago #10

  • Alberto's Avatar
  • Alberto
  • Posts: 460
Hello support i tried to like you say but something.
I created an overlay section with joomla module login (overlay section not hidden yet see image attached).
Then i picked up the item number and created a custom html --> <a class="my-link">Prova</a>
I entered in code editor in javascript code but its not work.
what am I doing wrong?
jQuery("document").ready(function(){
	jQuery('a.my-link').on('click', function(event){
		event.preventDefault();
		jQuery('#item-15390111690 a').trigger('click');
	})
});
Attachments:

2 years 4 months ago #11

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
Hello,

Send us a link to the page with the problem.

Regards,
Vyacheslav, Balbooa.com

2 years 4 months ago #12

  • Alberto's Avatar
  • Alberto
  • Posts: 460
Hello support
Www.bb-tiglio.com

2 years 4 months ago #13

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
You need use this code:
jQuery("document").ready(function(){
	jQuery('a.my-link').on('click', function(event){
		event.preventDefault();
		jQuery('#item-15390111690 a').trigger('click');
	})
});

Regards,
Vyacheslav, Balbooa.com

2 years 4 months ago #14

  • Alberto's Avatar
  • Alberto
  • Posts: 460
Many thanks now works

2 years 4 months ago #15

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
You are welcome ;)

2 years 3 months ago #16

  • Tadeu Porto's Avatar
  • Tadeu Porto
  • Posts: 47
Is possible to create this overlay section on a button or link on carousel ?

2 years 3 months ago #17

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
Hello,

You need to add code to Embed Code in the settings of the slide button:
onclick="jQuery('#item-15390111690 a').trigger('click'); return false;"

Replace #item-15390111690 to what you need.


Regards,
Vyacheslav, Balbooa.com

2 years 3 months ago #18

  • SergeyM's Avatar
  • SergeyM
  • Posts: 49
Greetings awesome Balbooa team!
Have kinda similar question, but not the same...
Is there any way to open overlay by clicking on the whole column?

2 years 2 months ago #19

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
Hello,

You need to add a class "custom-column"for the column and use the code:
jQuery("document").ready(function(){
	jQuery('.custom-column').on('click', function(event){
		event.preventDefault();
		jQuery('#item-15390111690 a').trigger('click');
	})
});
Where #item-15390111690 it's an ID of the plugin overlay section

Regards,
Vyacheslav, Balbooa.com

2 years 2 months ago #20

  • SergeyM's Avatar
  • SergeyM
  • Posts: 49
Thnx a lot, Vyacheslav!
U and ur team makes our life easier! )))

2 years 2 months ago #21

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
You are welcome ;)
Let us know if you need more assistance!

Best Regards,
Vyacheslav, Balbooa Support Team

2 years 2 months ago #22

  • seetvael's Avatar
  • seetvael
  • Posts: 24
Как отрыть лайтбокс через url?
то есть чтобы он открывался по адресу http://мой-сайт/#лайтбокс
При этом у меня должно быть 3 разных уведомления в 3 разных лайтбоксах и они должны быть показаны только по запросу через url

2 years 2 months ago #23

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
Hello,

Unfortunately this is not possible
In english topics write on English!

Regards,
Vyacheslav, Balbooa.com

2 years 2 months ago #24

  • seetvael's Avatar
  • seetvael
  • Posts: 24
How to open Overlay Section by url?
my-site.com/#overlay-id

I must use other widget?

2 years 2 months ago #25

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
Hello,
Vyacheslav wrote:
Unfortunately this is not possible

Regards,
Vyacheslav, Balbooa.com

1 year 6 months ago #26

  • Filip's Avatar
  • Filip
  • Posts: 45
Hello guys!

This is still valid solution? It used to work for me, but now it does not anymore. Here:
If you click logo – it is triggered, but overlay is not opened:
jQuery('#item-15532629289911').on('click', function(event){
 	event.preventDefault();
  alert("triggered");
  jQuery('#item-15651572100 a').trigger('click');
});

Here is my url:
https://-elodyprsteny.cz/snubni/model-375

Do you know, what's wrong please?

Thank you,
F.

1 year 6 months ago #27

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
Hello,

You need use this code:
jQuery('#item-15532629289911').on('click', function(event){
 	event.preventDefault();
        jQuery('#item-15651572100 a')[0].click();
});

Regards,
Vyacheslav, Balbooa.com

1 year 6 months ago #28

  • Filip's Avatar
  • Filip
  • Posts: 45
OMG! Thank you so much! You saved my life. I was really confused about this :-)

Have a nice day!
F.

1 year 6 months ago #29

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
You are welcome ;)

10 months 2 days ago #30

  • Alberto's Avatar
  • Alberto
  • Posts: 460
Hello support.
Is possibile to create an overlay with this metod on ACCEPTANCE of a form.
Iìd like to have an overlay section on link term e conditions

10 months 1 day ago #31

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
Hello,
Thank you for contacting us

Your question is not entirely clear, describe in more detail what result you need to get

Best Regards,
Vyacheslav, Balbooa Support Team

10 months 11 hours ago #32

  • Alberto's Avatar
  • Alberto
  • Posts: 460
Hello support I apologize for the lack of clarity.
See image attacched.
In a form yuo can put a term and condition check and on the text "term and condition" yuo can put a link to a page or to a menù item.
Is possible to put an overlay section when yuo clieck on term and condition?
Attachments:

10 months 11 hours ago #33

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15480
Hello,
Thank you for contacting us

There are 2 ways

1. Create one more form in the lightbox (with the necessary information) and open it by clicking on the element with class (add class for link)
www.balbooa.com/joomla-forms-documentati...ing-form-in-lightbox

2. The example is described in this post.
support.balbooa.com/forum/gridbox/9234-t...h-same-content#42657

Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum