Social Network on the footer near "My account"

[soufiane011]

Hi,

Please, i need your help in order to display bloc social network near bloc my account, i tried to modifie footer.tpl but nothing changed.

Please how can i do that?

Thnak you

 

[jgamio]

ok go to the back office

 

Modules-> Positions then look for displayFooter put the social after CMS Block 

[soufiane011]

Hi jgamio,

Thank you for your answer but it didn't work!

[jgamio]

But is in the same place ?

 

Did you clear cache ?

 

Did you check the html ?

[soufiane011]

Hi again,

Yes of course i cleared the cache, have a look this footer picture

[soufiane011]

I think the probleme is : the footer just display 3 colunms with bootsrap we need to change it value from  col-sm-4 to col-sm-3 in order to display 4 colomns!

What do you thnig about that?

[jgamio]

can be but dont forget  change  pull-right to pull-left too 

[soufiane011]

The problem is where can i find this code in order to change columns of footer?

[jgamio]

You need to go to each module on your displayFooter

 

 

themes/YOURTHEME/modules/blockcms/blockcms.tpl

themes/YOURTHEME/modules/blocksocial/...

...

[soufiane011]

I tested this before, i didn't find columns4 i found just : class="footer-block col-xs-12 col-sm-2"

[jgamio]

You need look your displayFooter and look modules names

 

blockmyaccountfooter

[soufiane011]

<!-- Block myaccount module -->
I changed <section class="footer-block col-xs-12 col-sm-4"> To <section class="footer-block col-xs-12 col-sm-3"> but nothing happened
 

[jgamio]

did you chage change  pull-right to pull-left on blocksocial

 

do you have a link ?

[soufiane011]

Yes i changed pull-right to pull-left and i changed also css width of block social network to:

.footer-container #footer #social_block {
    float: left;
    padding: 22px 15px 0;
    width: 14%;
/* it was width: 50% */
}

But nothing, i have not link to this because i'm working on local then i will uploaded to the server, my web site is : http://panier-marrakech.com

Edited March 12, 2015 by soufiane011 (see edit history)

[jgamio]

Try something Move social on the displayFooter one down between my account and contact

[soufiane011]

Prestashop ready has this classes to our modules in the footer but why it dosn't work, have a look to this url :

http://stephenpkane.com/columns-5-mixed-width-bootstrap-columns/

[jgamio]

1) You need load the modules in correct orden  the social  is load after contac info you can put col-1 but is not load in the correct position

 

 

2) If you see the html  have col-2 col-2 col-4 col-4 and after the social

[soufiane011]

I found solution
1) We need to move bloc social network aftter bloc my account from administration
Modules-> Positions then look for displayFooter put the social after Block "MY ACCOUNTFOOTER"
2) Remove pull-right from block social network (blocksocial.tpl)
3) Change width from 50% to 14% of module from globla.css line7133

.footer-container #footer #social_block {
    float: left;
    padding: 22px 15px 0;
    width: 14%;
}

4) Remove or comment last div in blocksocial.tpl
Change
<div class="clearfix"></div>
To
{*<div class="clearfix"></div>*}

5) Move H4 from last section in blocksocial.tpl to the top before ul

<h4>{l s='Follow us' mod='blocksocial'}</h4>

Like this:

----------Before Line 86--------------

    </ul>
    <h4>{l s='Follow us' mod='blocksocial'}</h4>
</section>
{*<div class="clearfix"></div>*}

----------After Line 26----------------

<section id="social_block" class="footer-block col-xs-12 col-sm-2">
<h4>{l s='Follow us' mod='blocksocial'}</h4>
    <ul>

------------------------------------------

The result