Customize footer

[qwerty55]

Im trying to position the badge http://www.thawte.com/ssl/secured-seal/installation-agreement/index.html

in center right in the footer.   How can i do that ?

[vekia]

due to the fact that this is not default theme, without access to website we can't help.

share url to shop, please

[qwerty55]

babylina.se

[qwerty55]

due to the fact that this is not default theme, without access to website we can't help.

share url to shop, please

babylina.se

[vekia]

install module (free) html box

then open module configuration page,

from left hand side select "footer" hook

to the contents box paste code:

<div id="block_various_links_footer" class="block_various_links">
  <div id="thawteseal" style="text-align:center;" title="Click to Verify - This site chose Thawte SSL for secure e-commerce and confidential communications.">
<div><script type="text/javascript" src="https://seal.thawte.com/getthawteseal?host_name=www.babylina.se&size=S&lang=sv"></script></div>
<div><a href="http://www.thawte.com/ssl-certificates/" target="_blank" style="color:#000000; text-decoration:none; font:bold 10px arial,sans-serif; margin:0px; padding:0px;">Om SSL-certifikat</a></div>
</div>
  </div>

after that - save changes.

 

go to modules > positions

search for "dispalyFooteR" modules list

move html block right after block contact infos module, and right before "payment logos" module.

[qwerty55]

install module (free) html box

then open module configuration page,

from left hand side select "footer" hook

to the contents box paste code:

<div id="block_various_links_footer" class="block_various_links">
  <div id="thawteseal" style="text-align:center;" title="Click to Verify - This site chose Thawte SSL for secure e-commerce and confidential communications.">
<div><script type="text/javascript" src="https://seal.thawte.com/getthawteseal?host_name=www.babylina.se&size=S&lang=sv"></script></div>
<div><a href="http://www.thawte.com/ssl-certificates/" target="_blank" style="color:#000000; text-decoration:none; font:bold 10px arial,sans-serif; margin:0px; padding:0px;">Om SSL-certifikat</a></div>
</div>
  </div>

after that - save changes.

 

go to modules > positions

search for "dispalyFooteR" modules list

move html block right after block contact infos module, and right before "payment logos" module.

great !   only problem now is that it goes to bottom left corner.   www.babylina.se

[vekia]

i see,

 

prestashop moves all scripts  to the footer section

instead of code that i suggested to use, try with this;

<div id="block_various_links_footer" class="block_various_links">
  <div id="thawteseal" style="text-align:center;" title="Click to Verify - This site chose Thawte SSL for secure e-commerce and confidential communications.">

<img name="seal" border="true" src="https://seal.thawte.com/getthawteseal?at=0&sealid=2&dn=WWW.BABYLINA.SE&lang=sv&gmtoff=-120" oncontextmenu="return false;" alt="Click to Verify - This site has chosen a thawte SSL Certificate to improve Web site security"> 
</div>
</div>

[qwerty55]

 

i see,

 

prestashop moves all scripts  to the footer section

instead of code that i suggested to use, try with this;

<div id="block_various_links_footer" class="block_various_links">
  <div id="thawteseal" style="text-align:center;" title="Click to Verify - This site chose Thawte SSL for secure e-commerce and confidential communications.">

<img name="seal" border="true" src="https://seal.thawte.com/getthawteseal?at=0&sealid=2&dn=WWW.BABYLINA.SE&lang=sv&gmtoff=-120" oncontextmenu="return false;" alt="Click to Verify - This site has chosen a thawte SSL Certificate to improve Web site security"> 
</div>
</div>

great !   works fine, but now its not clickable anymore.

[vekia]

one last change (i hope so!)

instead of:

<img name="seal" border="true" src="https://seal.thawte.com/getthawteseal?at=0&sealid=2&dn=WWW.BABYLINA.SE&lang=sv&gmtoff=-120" oncontextmenu="return false;" alt="Click to Verify - This site has chosen a thawte SSL Certificate to improve Web site security"> 

use:

<img onclick='window.open("https://sealinfo.thawte.com/thawtesplash?form_file=fdf/thawtesplash.fdf&dn=WWW.BABYLINA.SE&lang=sv", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=500, left=500, width=400, height=400");' name="seal" src="https://seal.thawte.com/getthawteseal?at=0&sealid=2&dn=WWW.BABYLINA.SE&lang=sv&gmtoff=-120" oncontextmenu="return false;" alt="Click to Verify - This site has chosen a thawte SSL Certificate to improve Web site security" border="true">

[qwerty55]

 

one last change (i hope so!)

instead of:

<img name="seal" border="true" src="https://seal.thawte.com/getthawteseal?at=0&sealid=2&dn=WWW.BABYLINA.SE&lang=sv&gmtoff=-120" oncontextmenu="return false;" alt="Click to Verify - This site has chosen a thawte SSL Certificate to improve Web site security"> 

use:

<img onclick='window.open("https://sealinfo.thawte.com/thawtesplash?form_file=fdf/thawtesplash.fdf&dn=WWW.BABYLINA.SE&lang=sv", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=500, left=500, width=400, height=400");' name="seal" src="https://seal.thawte.com/getthawteseal?at=0&sealid=2&dn=WWW.BABYLINA.SE&lang=sv&gmtoff=-120" oncontextmenu="return false;" alt="Click to Verify - This site has chosen a thawte SSL Certificate to improve Web site security" border="true">

works now, thanks alot !

[qwerty55]

works now, thanks alot !

as it is now i would like to align the 'klarna' payment logo, better with the thawte seal badge, how to i adjust the position of these closer to each other ?

[vekia]

in global.css line 1983 you've got code;

#footer #newsletter_block_left, #footer .paiement_logo_block {
width: 180px;
float: right;
margin-bottom: 20px;
clear: right;
}

remove float:right;

then define margin-left:10px or so

[qwerty55]

in global.css line 1983 you've got code;

#footer #newsletter_block_left, #footer .paiement_logo_block {
width: 180px;
float: right;
margin-bottom: 20px;
clear: right;
}

remove float:right;

then define margin-left:10px or so

looking in global.css found in the theme folder css the closest i could see was this

#footer .blockcategories_footer, #footer #block_various_links_footer, #footer #block_contact_infos, #footer .block_myaccount, #footer #social_block, #footer .myaccount, #footer #newsletter_block_left, #footer .paiement_logo_block,

    #footer #newsletter_block_left, #footer .paiement_logo_block{

        float:none;

        width: auto;

    }

[qwerty55]

looking in global.css found in the theme folder css the closest i could see was this

#footer .blockcategories_footer, #footer #block_various_links_footer, #footer #block_contact_infos, #footer .block_myaccount, #footer #social_block, #footer .myaccount, #footer #newsletter_block_left, #footer .paiement_logo_block,

    #footer #newsletter_block_left, #footer .paiement_logo_block{

        float:none;

        width: auto;

    }

Im actually thinking of moving the payment logo to the header between the logo and the links which says 'leverans'.  would that be done with the html box or is there another way ?