New Balbooa Forms Released

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

Open Overlay Section by clicking on the Link

2 years 5 months ago #1

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

2 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 :)

2 years 5 months ago #3

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

2 years 3 months ago #4

  • Adrian's Avatar
  • Adrian
  • Posts: 15
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:

2 years 3 months ago #5

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

2 years 3 months ago #6

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

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

Regards,
Adrian

2 years 3 months ago #7

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

1 year 4 months ago #8

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

1 year 4 months ago #9

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

That's right, hide the section overlay button

Regards,
Vyacheslav, Balbooa.com

1 year 4 months ago #10

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

1 year 4 months ago #11

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

Send us a link to the page with the problem.

Regards,
Vyacheslav, Balbooa.com

1 year 4 months ago #12

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

1 year 4 months ago #13

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

1 year 4 months ago #14

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

1 year 4 months ago #15

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

1 year 3 months ago #16

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

1 year 3 months ago #17

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

1 year 2 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?

1 year 2 months ago #19

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

1 year 2 months ago #20

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

1 year 2 months ago #21

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

Best Regards,
Vyacheslav, Balbooa Support Team

1 year 2 months ago #22

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

1 year 2 months ago #23

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

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

Regards,
Vyacheslav, Balbooa.com

1 year 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?

1 year 2 months ago #25

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

Regards,
Vyacheslav, Balbooa.com

6 months 2 weeks ago #26

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

6 months 2 weeks ago #27

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

6 months 2 weeks ago #28

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

Have a nice day!
F.

6 months 2 weeks ago #29

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 8916
You are welcome ;)
Powered by Kunena Forum