How to hook this module?

[Nick20000]

hi.

 

i am using this module here for social network links and i am trying to hook it to the top of my page, under contact and sitemap links.

 

i have tried hooking it but it does not move to top of the page. how can i do this?

 

http://www.shopmost.co.uk

 

thank you.

[Paulito]

Hello

 

Would it be better to ask the developer this question in the "Free modules/themes" forum where you can download this module.

 

Sorry if I have not understood your question

 

Paul

[Nick20000]

hi paul.

 

I have tried but no one reply's, It is frustrating. I thought this forum was for helping people? I never get any help with anything from this forum anymore, I've had to go to other forums.

 

thank you.

Edited July 12, 2015 by Nick20000 (see edit history)

[razaro]

Well beside translating module to Top hook you need to change position inside the hook so it is before cart block I think.

Also then some css are needed. Use first something like this 

#header #social {display:none;}

So it is hidden while you do not position and style like you want, preferably using browser dev tools. 

Edited July 12, 2015 by razaro (see edit history)

[Nick20000]

Well beside translating module to Top hook you need to change position inside the hook so it is before cart block I think.

Also then some css are needed. Use first something like this 

#header #social {display:none;}

So it is hidden while you do not position and style like you want, preferably using browser dev tools. 

hi.

 

i have tried putting the module to the top position but it does not show at the header, it only shows under my image slider?

 

thank you.

[razaro]

Could you put it live on your website but use css to hide it  ?

 

I will check it out.

 

And in Modules > Positions find displayTop hook and see what are module positions there, 

and make sure social module is before slider and menu.

[Nick20000]

hi.

 

it is live just look under my image slider.

 

thank you.

[Nick20000]

hi. i managed to get it to the top of the pages, my only problem now it positioning it to where i want it. as you can see it is sitting above my logo, i want to move it under my contact and sitemap links.

 

thank you.

[razaro]

Ok try first to move module inside hook before header user module then add this css

#header_right .isocial {
  float: right;
  clear: right;
  display: inline-block;
  margin-bottom: -20px;
  margin-right: 26px;
  margin-top: 5px;
}

That margin bottom is not greatest solution but maybe it can improved later.

[Nick20000]

i don't understand? hook it where?

 

ty.

[razaro]

It is hooked in displayTop. But if you check Modules >Positions and fins displayTop hook section, you will see 

there are several modules there. And they have position numbers inside hook, that is important because it 

influence order of display on front office.

 

So check what position social module have and move it before blockuserinfo,

[Nick20000]

hi.

 

i just moved it before user info now what to do? add the css? and where?

 

ty.

[razaro]

Sorry for not being too precise. You can add css to global.css

[Nick20000]

thanks for your help Razaro.

 

i will have to work with the code to position it correctly.

 

thank you.

[Nick20000]

hi.

 

i have added the changes and the module is in the perfect position, but there is one problem with the basket, it is not lining up correctly now when something is added to the basket and hovered on. please take a look at the picture i have added.

 

thank you.

Edited July 13, 2015 by Nick20000 (see edit history)

[razaro]

Small change add to global.css (should be done in blockcart.css but this is easier)

#header #cart_block {  
top: 90px !important;
} 

[Nick20000]

perfect, thanks.