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

Open Overlay Section by clicking on the Link

6 years 2 weeks ago #1

  • Artem's Avatar
  • Artem
  • Posts: 11281
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

6 years 1 week ago #2

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

6 years 1 week ago #3

  • Artem's Avatar
  • Artem
  • Posts: 11281
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 :)

5 years 10 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:

5 years 10 months ago #5

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 28391
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

5 years 10 months ago #6

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

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

Regards,
Adrian

5 years 10 months ago #7

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

4 years 11 months ago #8

  • Alberto's Avatar
  • Alberto
  • Posts: 746
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?

4 years 11 months ago #9

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

That's right, hide the section overlay button

Regards,
Vyacheslav, Balbooa.com

4 years 11 months ago #10

  • Alberto's Avatar
  • Alberto
  • Posts: 746
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:

4 years 11 months ago #11

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

Send us a link to the page with the problem.

Regards,
Vyacheslav, Balbooa.com

4 years 11 months ago #12

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

4 years 11 months ago #13

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 28391
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

4 years 11 months ago #14

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

4 years 11 months ago #15

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

4 years 10 months ago #16

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

4 years 10 months ago #17

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 28391
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

4 years 9 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?

4 years 9 months ago #19

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 28391
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

4 years 9 months ago #20

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

4 years 9 months ago #21

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

Best Regards,
Vyacheslav, Balbooa Support Team

4 years 9 months ago #22

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

4 years 9 months ago #23

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

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

Regards,
Vyacheslav, Balbooa.com

4 years 9 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?

4 years 9 months ago #25

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

Regards,
Vyacheslav, Balbooa.com

4 years 1 month ago #26

  • Filip's Avatar
  • Filip
  • Posts: 58
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.

4 years 1 month ago #27

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 28391
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

4 years 1 month ago #28

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

Have a nice day!
F.

4 years 1 month ago #29

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

3 years 4 months ago #30

  • Alberto's Avatar
  • Alberto
  • Posts: 746
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

3 years 4 months ago #31

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 28391
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

3 years 4 months ago #32

  • Alberto's Avatar
  • Alberto
  • Posts: 746
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:

3 years 4 months ago #33

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 28391
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

2 years 3 months ago #34

  • Oleg's Avatar
  • Oleg
  • Posts: 103
Hi. How can I do this for a menu item?

2 years 3 months ago #35

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 28391
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

1 year 9 months ago #36

  • Cube's Avatar
  • Cube
  • Posts: 433
Hi. How can I achieve this using the Button plugin?

1 year 9 months ago #37

  • Cube's Avatar
  • Cube
  • Posts: 433
Cube wrote:
Hi. How can I achieve this using the Button plugin?
Got it. Thanks!

1 year 9 months ago #38

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 28391
Let us know if you need more assistance!

Best Regards,
Vyacheslav, Balbooa Support Team
Powered by Kunena Forum