Docs

[thibaud l]

Hey, it’s all on the title.

Do u know how I could add a link/button into my pages that would open the widget panel ?

You can check it here http://wp-infinity.com.

If it can help avada have that feature, might be a good thing to add it to X too.

Cheers,

Thibaud

[Rad]

Hi Thubaud,

Thank you for writing in!

What do you mean by widget panel? Is it floating theme customizer of avada?

Thank you.

[thibaud l]

Hey, sorry it is this theme that use that feature http://themeva.com/switcher/?theme=Terso

Just click on the “Make contact” button on the footer right widget. It will open the top sliding pannel.

Can I do that with X (icon child theme), or can we implement that feature ?

My register and login forms are in this sliding pannel and I’d love to be abble to do that. I think it is an important feature for a sliding pannel.

Thank you

Thibaud

[Rad]

Hi there,

Thank you for the reference 🙂

X uses similar feature, but instead it uses header widget and + icon on top right of your header.

I think I could implement that on icon stack, but you have to setup your site first and post your url here.

Add a menu item with relative hash, like #register-now. And I will hook a script for that that will open your header widgets.

Thank you.

[thibaud l]

All done !

Website: http://wp-infinity.com/
Menu item with relative hash: Widget Panel

Just in case : I’d like my users to open the widget panel when they click on a link in the page, for exemple a call to action or a protected content that need registration, not from the menu. I suppose it works the same way and I will be abble to set up a link like Register

Thank you so much for your help. Great support.

Thibaud

[Rad]

Hi Thibaud,

Thank you for setting it up for me!

Ok, got it! So it will be use not just for menu item.

Then add this code at your child theme’s functions.php

add_action('wp_footer', 'toggable_widget_bar_hook', 9999);
function toggable_widget_bar_hook() { ?>
<script type="text/javascript">
jQuery(function($){
  $('[href="#register-now"], .toggle_btn_widget_bar').click(function(e){
    e.preventDefault();
    $('.x-btn-widgetbar').click();
  });
});
</script>
<?php
}

This will let your menu item to trigger widget collapse. If you want to use it on other content buttons or links. You will just need to add toggle_btn_widget_bar on their class attribute.

Hope this helps.

[thibaud l]

This is awesome ! Tanks a lot. I believe you should add this functionality to the theme, but it’s up to you.

Cheers,

Thibaud

[Rad]

You’re so welcome Thibaud! Just let us know if you have other questions 🙂

Thank you.

[Author]

Posts