The Brand New Blog Post Editor Released!

Read more
Mon. - Fri. 9 am - 5 pm Support Policy
Remember me

Open Overlay Section by clicking on the Link

1 year 3 months ago #1

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

1 year 2 months ago #2

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

1 year 2 months ago #3

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

1 year 1 month 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:

1 year 1 month ago #5

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

1 year 1 month ago #6

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

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

Regards,
Adrian

1 year 1 month ago #7

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

2 months 1 week ago #8

  • Alberto's Avatar
  • Alberto
  • Posts: 266
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 months 1 week ago #9

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

That's right, hide the section overlay button

Regards,
Vyacheslav, Balbooa.com

2 months 1 week ago #10

  • Alberto's Avatar
  • Alberto
  • Posts: 266
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 months 6 days ago #11

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

Send us a link to the page with the problem.

Regards,
Vyacheslav, Balbooa.com

2 months 6 days ago #12

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

2 months 6 days ago #13

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 4858
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 months 6 days ago #14

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

2 months 6 days ago #15

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

1 month 1 day ago #16

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

1 month 1 day ago #17

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 4858
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 week 3 days ago #18

  • SergeyM's Avatar
  • SergeyM
  • Posts: 27
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 week 2 days ago #19

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 4858
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 week 2 days ago #20

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

1 week 2 days ago #21

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

Best Regards,
Vyacheslav, Balbooa Support Team

5 days 8 hours ago #22

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

5 days 8 hours ago #23

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

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

Regards,
Vyacheslav, Balbooa.com

5 days 7 hours ago #24

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

I must use other widget?

4 days 15 hours ago #25

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

Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum