Balbooa Help Center: Open Overlay Section by clicking on the Link (1/1)

5 years 6 months ago #1

Artem
Posts: 10783

How to open Overlay Section Plugin By Clicking on the Custom Link?

Step 1. Add link using Gridbox plugin Custom HTML

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

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

5 years 6 months ago #2

onelove234 Posts: 350	Cool tip and explanation, your forum is a good place to start learning Javascript
	The administrator has disabled public write access.

5 years 6 months ago #3

Artem Posts: 10783	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
	The administrator has disabled public write access.

5 years 4 months ago #4

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

!
Could you give me assistance?

Thanks,
Adrian

Attachments:

...tem.jpg (826KB)

5 years 4 months ago #5

Vyacheslav Posts: 26073	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
	Last Edit: 5 years 4 months ago by Vyacheslav. The administrator has disabled public write access.

5 years 4 months ago #6

Adrian Posts: 18	Hi Vyacheslav Thank you very much, it's working perfect now ! Regards, Adrian
	The administrator has disabled public write access.

5 years 4 months ago #7

Vyacheslav Posts: 26073	You are welcome
	The administrator has disabled public write access.

4 years 5 months ago #8

Alberto Posts: 668	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?
	The administrator has disabled public write access.

4 years 5 months ago #9

Vyacheslav Posts: 26073	Hello, That's right, hide the section overlay button Regards, Vyacheslav, Balbooa.com
	The administrator has disabled public write access.

4 years 5 months ago #10

Alberto
Posts: 668

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:

...y-2.jpg (203KB)

4 years 5 months ago #11

Vyacheslav Posts: 26073	Hello, Send us a link to the page with the problem. Regards, Vyacheslav, Balbooa.com
	The administrator has disabled public write access.

4 years 5 months ago #12

Alberto Posts: 668	Hello support Www.bb-tiglio.com
	The administrator has disabled public write access.

4 years 5 months ago #13

Vyacheslav Posts: 26073	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
	The administrator has disabled public write access.

4 years 5 months ago #14

Alberto Posts: 668	Many thanks now works
	The administrator has disabled public write access.

4 years 5 months ago #15

Vyacheslav Posts: 26073	You are welcome
	The administrator has disabled public write access.

4 years 4 months ago #16

Tadeu Porto Posts: 48	Is possible to create this overlay section on a button or link on carousel ?
	The administrator has disabled public write access.

4 years 4 months ago #17

Vyacheslav Posts: 26073	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
	The administrator has disabled public write access.

4 years 3 months ago #18

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?
	The administrator has disabled public write access.

4 years 3 months ago #19

Vyacheslav Posts: 26073	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
	The administrator has disabled public write access.

4 years 3 months ago #20

SergeyM Posts: 49	Thnx a lot, Vyacheslav! U and ur team makes our life easier! )))
	The administrator has disabled public write access.

4 years 3 months ago #21

Vyacheslav Posts: 26073	You are welcome Let us know if you need more assistance! Best Regards, Vyacheslav, Balbooa Support Team
	The administrator has disabled public write access.

4 years 3 months ago #22

seetvael Posts: 24	Как отрыть лайтбокс через url? то есть чтобы он открывался по адресу http://мой-сайт/#лайтбокс При этом у меня должно быть 3 разных уведомления в 3 разных лайтбоксах и они должны быть показаны только по запросу через url
	Last Edit: 4 years 3 months ago by seetvael. The administrator has disabled public write access.

4 years 3 months ago #23

Vyacheslav Posts: 26073	Hello, Unfortunately this is not possible In english topics write on English! Regards, Vyacheslav, Balbooa.com
	The administrator has disabled public write access.

4 years 3 months ago #24

seetvael Posts: 24	How to open Overlay Section by url? my-site.com/#overlay-id I must use other widget?
	Last Edit: 4 years 3 months ago by seetvael. The administrator has disabled public write access.

4 years 3 months ago #25

Vyacheslav Posts: 26073	Hello, Vyacheslav wrote: Unfortunately this is not possible Regards, Vyacheslav, Balbooa.com
	The administrator has disabled public write access.

3 years 7 months ago #26

Filip
Posts: 48

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.

3 years 7 months ago #27

Vyacheslav Posts: 26073	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
	The administrator has disabled public write access.

3 years 7 months ago #28

Filip Posts: 48	OMG! Thank you so much! You saved my life. I was really confused about this Have a nice day! F.
	The administrator has disabled public write access.

3 years 7 months ago #29

Vyacheslav Posts: 26073	You are welcome
	The administrator has disabled public write access.

2 years 10 months ago #30

Alberto Posts: 668	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
	The administrator has disabled public write access.

2 years 10 months ago #31

Vyacheslav Posts: 26073	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
	The administrator has disabled public write access.

2 years 10 months ago #32

Alberto Posts: 668	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: ...m-2.jpg (16KB)
	The administrator has disabled public write access.

2 years 10 months ago #33

Vyacheslav
Posts: 26073

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

1 year 8 months ago #34

Oleg Posts: 103	Hi. How can I do this for a menu item?
	The administrator has disabled public write access.

1 year 8 months ago #35

Vyacheslav Posts: 26073	Hello, Thank you for contacting us You can do as described in this post. support.balbooa.com/forum/gridbox/2475-o...ng-on-the-link#44289 Only add class for the item menu Regards, Vyacheslav, Balbooa.com
	The administrator has disabled public write access.

1 year 3 months ago #36

Cube Posts: 384	Hi. How can I achieve this using the Button plugin?
	The administrator has disabled public write access.

1 year 3 months ago #37

Cube Posts: 384	Cube wrote: Hi. How can I achieve this using the Button plugin? Got it. Thanks!
	The administrator has disabled public write access.

1 year 3 months ago #38

Vyacheslav Posts: 26073	Let us know if you need more assistance! Best Regards, Vyacheslav, Balbooa Support Team
	The administrator has disabled public write access.