Jump to content

How to put a Skype Button into the Header Nav Row (without coding)


Recommended Posts

Due to the lack of a free Skype button module (or does anyone know about one?) and because I do not want to change anything in the default template, I thought it should be easy to put the Skype button code into the free contentBox module and put that hook on top to make it happen in the header nav row:

 

cwhoh81g8h5ljfven.jpg

 

The Skype button code shows up in the HTML at the right place, but the Skype button is nowhere to be seen. I have taken a look at the other elements in the header nav row with Firebug but I do not know what CSS magic is responsible to put it all in its place, and obviously the Skype button can not just be put there without some CSS magic.

 

I'm pretty lost. Does anyone have a clue?

 

It would be really nice to be able to put a Skype button either to the right of the telephone number or to the left of the "Contact us" button in the header nav row of the default template (I'm using v1.6.0.9 btw).

Link to comment
Share on other sites

 

Thanks a lot, didn't see that one (in fact I have no idea how to search a certain sub-forum here, so I just looked it through but not far enough back in time).

 

I have just installed that module, but it only hooks into displayRightColumn which is not in use in the default template. I'll have a look if I can tinker around in the module's code tomorrow, but I'm most likely not experienced enough to make it work as desired, we'll see. Any more help is highly appreciated.

Link to comment
Share on other sites

I don't have skype but downloaded the module and I see it here: http://screencast.com/t/fvP3KbqOx8

 

Hi Paul,

 

Thanks a lot for your interest and help in this matter. So how did you get it there? [spam-filter]?

 

The module info says it puts it in the left column, but there is only one hook for the right column defined. I only made a short test because it was already evening, but activating the module did not make it show up anywhere and I could not find it in the hook live configurator as well.

 

Your help is very much appreciated! :)

 

Greetings,

M.

Link to comment
Share on other sites

OK, got it working now. Had to modify it quite a bit to look as expected and to make it work with our HTTPS-only site. Thanks a lot, Paul, for pointing me in the right direction! :)

 

cwjn5qgjbrra8ofcv.jpg

 

 

Hi friend how you fixed the module? Can you send me the fixed module by email to me? I have the same version.

 

Regards

Link to comment
Share on other sites

@gnr, PM me your email address and I send it over to you. I have rewritten most of that module, the skype-uri.js script and the Skype button pic are now included in the ZIP as well as I had to patch skype-uri.js to make it work over SSL, and I use the chat button instead of the call button without the Skype.UI function but the resulting code in the template file directly.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...