Crafted eCommerce Template

Crafted Joomla eCommerce template for kids store and baby shops
Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Menu item trigger overlay section

6 days 23 hours ago #1

  • Rene's Avatar
  • Rene
  • Posts: 645
I use the plugin overlay section.

I also want's that a menu item triggers this overlay section.

This is the overlay section button source :
</div>
<div class="ba-item-overlay-section ba-item fixed rotate" id="item-16233939070" data-overlay="item-16233939071">
 <div class="ba-button-wrapper">
 <a class="ba-btn-transition">
 <span class="">Tentoonstellingen</span>
 	<i class="zmdi zmdi-calendar"></i>
 </a>
 </div>

This is my menu button source:
<li class="item-119"><a href="#" class="custom-button">Tentoonstellingen</a></li>

I'm using this script:
document.addEventListener('DOMContentLoaded', function(){
  jQuery('.custom-button').on('click', function(event){
      event.preventDefault();
   jQuery('item-16233939070').trigger('click');
  })
});

How can i get this to work?

Kind regards René

6 days 23 hours ago #2

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

Send us a link to the page with this overlay section and menu.

Regards,
Vyacheslav, Balbooa.com

6 days 23 hours ago #3

  • Rene's Avatar
  • Rene
  • Posts: 645
Hi (link removed)

6 days 23 hours ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 17540
You need to use this JS code
document.addEventListener('DOMContentLoaded', function(){
  jQuery('.custom-button').on('click', function(event){
      event.preventDefault();
   jQuery('#item-16233939070 a').trigger('click');
  })
});

Regards,
Vyacheslav, Balbooa.com

6 days 23 hours ago #5

  • Rene's Avatar
  • Rene
  • Posts: 645
Thanks for the fast response, it's working now.

Regards René

6 days 23 hours ago #6

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