Jump to content
vekia

[Free module] Social network links (facebook + twitter + youtube + google + other)

Recommended Posts

Great Module! Thank you for your efforts. :)

 

I just installed and got it looking great on my website. However, I have a responsive design and the module does not display on iPad or iPhone. Any ideas?

 

Thanks!

Edited by cocktail5555

Share this post


Link to post
Share on other sites

Great Module! Thank you for your efforts. :)

 

I just installed and got it looking great on my website. However, I have a responsive design and the module does not display on iPad or iPhone. Any ideas?

 

test site:  http://www.shoplancastercity.com/shop2

 

Thanks!

change position left:760px;

#social {
position: absolute;
top: 40px;
left: 760px;
}

it isn't visible because of this.

Share this post


Link to post
Share on other sites

change position left:760px;

#social {
position: absolute;
top: 40px;
left: 760px;
}

it isn't visible because of this.

Ohhh. thank you for the info. How do I get this module in the top right above the search field, while still having everything work on mobile?

Share this post


Link to post
Share on other sites

use other positioning method, based for example on "right" instead of "left"

right:0px;

 

 

then it will appear always and everywhere ;)

Thank you. I am a complete newbie. :)

 

I tried changing float:left in the code to float right and that didnt work. Could you offer me a little more guidance please?

 

Thank you sir

Share this post


Link to post
Share on other sites

you have to modify code that i pasted, not float etc.

 

take a look:
 

#social {
position: absolute;
top: 40px;
left: 760px;
}

change to

#social {
position: absolute;
top: 40px;
right: 0px;
}

i changed left to right:0px as i suggested in my #206 post :)

Share this post


Link to post
Share on other sites

Hi

First of , thank you for your great job and effort.

I just instaled the module , i need to change the postion , but i dont find the block on the ftp to change on the css.

 

Thank you 

Share this post


Link to post
Share on other sites

Nice looking module :)

 

I need to display social links in two positions. On the top of home page (near logo) and footer. Vekia, could you show me how to do this? Prestashop 1.6.0.5.

 

Thank you in advance.

Share this post


Link to post
Share on other sites

Thanks

working fine

My question is how can i use it in a HTML box?

whic codes I have to put in there?

Edited by farnamjam

Share this post


Link to post
Share on other sites

why you want to use it in html box? this is already working module, you don't have to use it in html box

of course it is a great working module

but I want to put it in footer, and now my footer is kind of empty 

it will be great if i can put it in below footer bocks

my site address is:

http://digi360.ir

Thanks

Share this post


Link to post
Share on other sites

Vekia,

 

 

           Really awesome module..I want to remove hover effect and i want icons to be shown in the real colour..Kindly guide me which file to edit and which line..?

 

          Annexture : Screeshot

 

 

Thanks & Regards

 

post-758222-0-30155800-1398056028_thumb.jpg

Share this post


Link to post
Share on other sites

Hi Vekia,

 

I am trying to display the icons at topr right under the search block for Desktop, iPad Portrait & Landscape. While on iPhone portrait & Landscape, I would like to display them at the very bottom of the page in the footer.

 

http://www.shoplancastercity.com/shop3

What is the best way to accomplish this? Thanks!

Edited by cqcny

Share this post


Link to post
Share on other sites

Weird, looks like the url in my post is sending you to the wrong location. It is sending you to our wordpress info site, instead of our test site. Please ad /shop3 to the main URL and youll be taken to the Prestashop site.

 

We are using PS 1.6

Share this post


Link to post
Share on other sites

okay so in this case you have to modify module a little

open module php file

 

there is a code:
 

    function hookfooter($params){
        if (Configuration::get('snl_where')==3){
            if ($this->psversion()==5 || $this->psversion()==6){
                $this->context->smarty->assign(array('snlvar' => $this->getvar()));
            } else {
                global $smarty;
                $smarty->assign(array('snlvar' => $this->getvar()));
            }
            return $this->display(__FILE__, 'views/front/column.tpl');
        }
    }

change it to:
 

    function hookfooter($params){
            if ($this->psversion()==5 || $this->psversion()==6){
                $this->context->smarty->assign(array('snlvar' => $this->getvar()));
            } else {
                global $smarty;
                $smarty->assign(array('snlvar' => $this->getvar()));
            }
            return $this->display(__FILE__, 'views/front/column.tpl');
    }

Share this post


Link to post
Share on other sites

Nice Work Vekia! Lucky to find this post here. 

 

I've a suggestion to make it perfect if this module can hook up with product page for people to share the particular product.

 

Thanks again! cheers

Share this post


Link to post
Share on other sites

not each social network available in this module allows to "share" things, this is why it's not possible.

Yes, exactly! However, I think you may can do an option to enable some famous social like FB, instagram, WP, WeiBo etc.. or do you have any suggestion on create a custom like on product page to do this??

 

Thanks!

Share this post


Link to post
Share on other sites

 

free Social Network Links addon for prestashop

With this absolutely free addon you can add animated buttons with your social networks pages.

You can also include the button for your RSS channel. This addon gives you an ability to use links in one of the most important positions in your store like footer, columns or on top (under menu)

 

 

social-network-links-big-cover.png

supported social networks

facebook

twitter

youtube

google+

linkedIn

instagram

flickr

vkontakte

odnoklassniki

nasza klasa

pinterest

myspace

lastfm

yelp

picsart

twitter

digg

wordpress

deviantart

weibo

qzone

formspring

livejournal

blogger

ask.fm

orkut

+ RSS channel

 

download link:

 

 

 

Thanks

Share this post


Link to post
Share on other sites

I did similar changes as Vekia sugested and as a resule I have social links in Header and in Footer of my page.

 

Thank you, for your help :)

Share this post


Link to post
Share on other sites

Thanks for this module this is what I was looking for Awesome man.

 

Ash

 

free Social Network Links addon for prestashop

With this absolutely free addon you can add animated buttons with your social networks pages.

You can also include the button for your RSS channel. This addon gives you an ability to use links in one of the most important positions in your store like footer, columns or on top (under menu)




social-network-links-big-cover.png


supported social networks


facebook

twitter

youtube

google+

linkedIn

instagram

flickr

vkontakte

odnoklassniki

nasza klasa

pinterest

myspace

lastfm

yelp

picsart

twitter

digg

wordpress

deviantart

weibo

qzone

formspring

livejournal

blogger

ask.fm

orkut

google play

apple store


+ RSS channel


 

download link:

 

 

 

 

Share this post


Link to post
Share on other sites

Strange it wont show up on my site got it in the footer but nothing in the module position cat its shows its there but nothing....

It only shows the stock socialblock from prestashop itself.

Also is it possible(if it works on my site) to get it in the nav hook in the top of my site?

 

http://www.chicaneparts.nl

Share this post


Link to post
Share on other sites

Strange it wont show up on my site got it in the footer but nothing in the module position cat its shows its there but nothing....

It only shows the stock socialblock from prestashop itself.

Also is it possible(if it works on my site) to get it in the nav hook in the top of my site?

 

http://www.chicaneparts.nl

 

 

at the moment it's there:

lWHHnv8.png

Share this post


Link to post
Share on other sites

Yep you right think chrome had some cookies or cache problems i think....

So is it possible to get it in the Displaynav section? and add a text in front of it like Folluw us?

Share this post


Link to post
Share on other sites

at the moment module doesnt support this hook, but it's easy to achieve.

in module .php file use 

funciton hookdisplayNav($params){
//CONTENTS OF FUNCTION
}

where the contents of function it's a content like you've got there for hookLeftColumn($params) function

 

 

regarding to the Follow us.

in module .tpl file you can use:

{l s='Follow us' mod='socialnetworklinks'}

Share this post


Link to post
Share on other sites

Thanks Vekia,

 

But i couldn't get it to work so i used contentbox and that did the trick.

Thanks for the reply's and your help ;)

 

hello

may i know what you did with this addon? it's interesting

Share this post


Link to post
Share on other sites

This is a great module, thanx!!!!

I tried to place this at the footer but it was not shown so right now I place it at the top of the page.

But just curious how come I am not able to place it at the footer? I am using a custom theme, and my site is:

www.filliesinspo.com

 

Any advice would be greatly appreciated. Once again, a million thanx for this wonderful module :)

Share this post


Link to post
Share on other sites

okay i see,

can you enable it for footer once again? i will inspect your website then

im affraid that this is the only one way to see what's going on there

Share this post


Link to post
Share on other sites

Dear Vekia,

 

I've enable it for the footer already. my site is www.filliesinspo.com

Should you require any further info please let me know.

 

Really appreciate your help here, actually it looks nice even when I place it on top of the page, but if I can place it at the footer maybe it looks even nicer.

 

Thanks a million!! :)

Share this post


Link to post
Share on other sites

strange, there is no code for this module in your footer section.

in your back offie go to modules > positions

then search for list of modules named "dispalyFooter"

do you see there social network links module ?

Share this post


Link to post
Share on other sites

Hi, sorry for late reply. Yes the module is hooked at the displayFooter. Kindly refer to the screenshot.

Could it be the reason that I am using custom theme? I am using the Pos Erida theme.

 

 

post-733578-0-92847400-1402399646_thumb.png

Share this post


Link to post
Share on other sites

Hi, sorry I'm not really good at this. It contains only this:

 

        {if !$content_only}
                </div>
<!-- Right -->
                                {if $page_name =='product'}
                                    <div id="right_column" class="span3">
                                        {$HOOK_RIGHT_COLUMN}
                                    </div>
                                {/if}
                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<!-- Footer -->        {hook h = "brandSlider"}
            <div id="footer">
                <div class="pos-footer-top">
                    <div class="container">
                        <div class="container-inner">
                            <div class="pos-footer-static">
                                {hook h = "blockFooter1"}
                            </div>    
                        </div>
                    </div>
                </div>

                <div class="pos-footer-bottom">
                    <div class="container">
                        <div class="container-inner">
                            {hook h = "blockFooter2"}
                        </div>
                    </div>
                </div>
            </div>
    </div>
    {/if}
    <div class="back-top"><a href= "#" class="mypresta_scrollup hidden-phone"></a></div>
    </body>
</html>
 

Share this post


Link to post
Share on other sites

your theme supports {$HOOK_FOOTER} in footer.tpl file located in your theme directory?

can you check it, please?

 

Hi Vekia,

 

How do I check this? I truly sorry as I am still not familar with how prestashop works.... Any advice would be greatly appreciated.

 

Thanks so much!!!

Share this post


Link to post
Share on other sites

new version released!
- improved installation process in newest prestashop (1.6.0.8+)


Hi All,

 

Is this module applicable to Prestashop 1.6 as well? with no harm 100% working?

 

yes it's for prestashop 1.6 too

Share this post


Link to post
Share on other sites

Hi Vekia,

 

How do I check this? I truly sorry as I am still not familar with how prestashop works.... Any advice would be greatly appreciated.

 

Thanks so much!!!

 

 

there is no (in your theme)  {$HOOK_FOOTER}  and this is why it donest appear

moreover, all other "default" and "not default" modules will not appear in your footer section, because they usually use  {$HOOK_FOOTER} hook

Share this post


Link to post
Share on other sites

Hi Vekia,

 

Sorry I should have reply this post earlier, I have found a solution to this, actually when I'm at the backoffice, the theme has some sort of extension menu that allows me to configure my footer. I just need to add simply add the module to it and it will appear.

 

Many thanks for your advice and frankly this module is really great!!! But will it include for Pinterest in the future?

 

Thanx again :)

Share this post


Link to post
Share on other sites

Hi Vekia,

 

Sorry I should have reply this post earlier, I have found a solution to this, actually when I'm at the backoffice, the theme has some sort of extension menu that allows me to configure my footer. I just need to add simply add the module to it and it will appear.

 

Many thanks for your advice and frankly this module is really great!!! But will it include for Pinterest in the future?

 

Thanx again :)

 

there is pinterest :-)

Share this post


Link to post
Share on other sites

I've contacted you before, but i cannot find how and where, so i'll ask you again: i had asked you if it was possible to let the user add missing network links like vimeo, and you had replied me that it wasn't possible but that you would have added vimeo to the list in your next upgrade, well you did upgrade and vimeo is still not there, maybe you forgot so i'm writing this to you just to remind you of it, if it's possible to add it. Thanks.

 

p.s. do you have change logs for your modules?, i never could find them, i also use your European Union Cookies Law ( which has a little glitch but i'll post it in the right place. )

Share this post


Link to post
Share on other sites

new version released!

- improved installation process in newest prestashop (1.6.0.8+)

 

yes it's for prestashop 1.6 too

Hi Vekia

Hello I tried to update version 1.3.1 to 1.3.2 my prestashop 1.5.5.0 using add module and then putting new module and it give me not updated or it shows the same version 1.3.1. How can I do it? Best Regards

www.ladolcevitashop.com

Tkanks

Share this post


Link to post
Share on other sites

Hi Vekia

Hello I tried to update version 1.3.1 to 1.3.2 my prestashop 1.5.5.0 using add module and then putting new module and it give me not updated or it shows the same version 1.3.1. How can I do it? Best Regards

www.ladolcevitashop.com

Tkanks

hello

from where you download latest release of module?

Share this post


Link to post
Share on other sites

hello

can you reply for my question please? from where you downloaded it? that's strange i have to check library from where you downloaded it

Share this post


Link to post
Share on other sites

hello

can you reply for my question please? from where you downloaded it? that's strange i have to check library from where you downloaded it

I hace downloaded from tour website.

Share this post


Link to post
Share on other sites

strange

i checked website two times

module there is in version 1.3.2

so everything is allright

 

are you sure that you uploaded correct library?

Share this post


Link to post
Share on other sites

new version released!

- another installation function improvement related to another new feature in installation process in ps 1.6.0.9

Installed the new version on my site www.ladolcevitashop.com prestashop 1.5.5.0 shows 1.3.1 instead 1.3.3 :S

https://docs.google.com/file/d/0BwvRVDkjEDS0MXVzY0Zya2pNWUE/edit?usp=drivesdk

Share this post


Link to post
Share on other sites

Hi Vekia,

 

I just install Social Network Links v1.3.3, over PS 1.6.0.9

 

trying to ajdust the module in the footer space, i cant arrange properly as you could see in the image below. The module is in the last position of the footer.

 

ueYypK.png

 

but !!surprise!!, in the mobile versión works fine!!!

 

any suggestion should be wellcome.

Edited by fredyms

Share this post


Link to post
Share on other sites

hello

screenshot that you attached means nothing for me :(

were exactly you put social network links module?

 

have you tried to deal with module position under modules > positions ?

Share this post


Link to post
Share on other sites

Hi Vekia,

 

I just install Social Network Links v1.3.3, over PS 1.6.0.9

 

trying to ajdust the module in the footer space, i cant arrange properly as you could see in the image below. The module is in the last position of the footer.

 

ueYypK.png

 

but !!surprise!!, in the mobile versión works fine!!!

 

any suggestion should be wellcome.

 

 

Hi, thanks for your answer, as i said the module is in the last position, of the displayfooter, but in addition when i use the mobile versión of the web it works fine, and is showed under "contacte con nosotros" block, any suggestion?

 

thanks.

Edited by fredyms

Share this post


Link to post
Share on other sites

Hi Vekia, have you enough time to check out my site?

 

thanks in advance

 

im so sorry i missed your replies

 

use these styles


@media (min-width: 1200px) {
.isocial {
position: absolute;
right: 285px;
top: 140px;
}
}

@media (min-width: 768px) {
.isocial {
position: absolute;
right: 142px;
top: 180px;
}
}


@media (min-width: 980px) {
.isocial {
position: absolute;
right: 216px;
top: 180px;
}
}

paste this code to module styleshet file

Share this post


Link to post
Share on other sites

im so sorry i missed your replies

 

use these styles


@media (min-width: 1200px) {
.isocial {
position: absolute;
right: 285px;
top: 140px;
}
}

@media (min-width: 768px) {
.isocial {
position: absolute;
right: 142px;
top: 180px;
}
}


@media (min-width: 980px) {
.isocial {
position: absolute;
right: 216px;
top: 180px;
}
}

paste this code to module styleshet file

Hi Vekia, Thanks for the reply,

 

I have te