[Solved] integrating a logo at a fixed position

[itbranson]

Hello folks,

I'd like to place a security logo (SiteLock) to my PS. What i try is when visitor scrolls down page, the logo stays at its fixed position outside the layout so it will be exposed all the time to visitor. Like this: http://www.sitelock.com/landing/hostgator.php

Is it possible to do like that in PS ? I searched it in the forum and found a similar one here: http://www.prestashop.com/forums/viewthread/54868/integration/ssl_logo

But the above case discusses integrating a logo at the footer. Seems it's a slightly different case.

Any hint is appreciated

[eltitos]

hello,

For do that, you have to add lines in the css.

.logo_btm{
bottom:0;
position:fixed;
_position:absolute;
right:0;
}

and in a tpl, like the footer

[itbranson]

Hi eltitos,
Thank you very much for the help. I'm sure it will work

Cheers

[bledubd]

hi,

I want to setup Sitelock on my site. How did you eventually resolve this problem.

Thanks

[bledubd]

Never mind. I have managed to place it. I edited the footer.tpl file in the theme folder and put the text from sitelock


<!-- Footer -->

<!--sitelock icon-->

text from sitelock

<!-- end of sitelock icon-->

[myistuff]

Never mind. I have managed to place it. I edited the footer.tpl file in the theme folder and put the text from sitelock

<!-- Footer -->

<!--sitelock icon-->

 

text from sitelock

 

<!-- end of sitelock icon-->

 

 

 

 

 

What iam i doing wrong? Everytime i do this i end up with the icon in the middle of the page. Please help

 

text from sitelock = text with strikethrough

 

 

 

<!-- Right -->

<div id="right_column" class="column">

{$HOOK_RIGHT_COLUMN}

</div>

</div>

 

<!-- Footer -->

<!--sitelock icon-->

<a href="https://www.sitelock.com/verify.php?site=MY URL" target="_blank"><img alt="website security" title="SiteLock" border="0" src="//shield.sitelock.com/shield/MY URL"/></a>

<!-- end of sitelock icon-->

<div id="footer">{$HOOK_FOOTER}</div>

</div>

{/if}

</body>

</html>

[bledubd]

myistuff did you manage to resolve the issue?

[NicoC]

Hi, I have the same problem with insert the Sitelock floating badge on the footer, as I am new to prestashop and css, so can not work out where goes wrong. Please be so kind to help me and point out where/how to change my code?

below is from the footer.tpl

<!-- Right -->
   <div id="right_column" class="column">
 {$HOOK_RIGHT_COLUMN}
   </div>

 </div>
<hr class="hrline" />
</div><!-- page -->
<!-- Footer -->
<!--sitelock icon-->
<div id="sitelock_shield_logo" class="fixed_btm" style="bottom:0;position:fixed;_position:absolute;right:0;"><a href="https://www.sitelock.com/verify.php?site=mysite.com" onclick="window.open('https://www.sitelock.com/verify.php?site=mysite.com','SiteLock','width=600,height=600,left=160,top=170');return false;" ><img alt="malware removal and website security" title="SiteLock"  src="//shield.sitelock.com/shield/mysite.com"/></a></div>
<!-- end of sitelock icon-->
  <div id="footer">
  <div id="footershadow"></div>
  {$HOOK_FOOTER}
  <p>{l s='Copyright'} © {$smarty.now|date_format:"%Y"} {$shop_name|escape:'htmlall':'UTF-8'}. {l s='All Rights Reserved'}.</p>
  </div>
{/if}
</body>
</html>

 

and below is from my global

/* Footer */
#footer {
    background-image:url(../img/footershadow.gif);
    color: #333333;
margin: 0 auto 0px auto;
padding: 0 0 0px 0;
padding-bottom: 15px;
    clear: both;
text-align: center
}

 

thanks in advance

[NicoC]

Hi, I have the same problem with insert the Sitelock floating badge on the footer, as I am new to prestashop and css, so can not work out where goes wrong. Please be so kind to help me and point out where/how to change my code?

below is from the footer.tpl

<!-- Right -->
<div id="right_column" class="column">
 {$HOOK_RIGHT_COLUMN}
</div>

 </div>
<hr class="hrline" />
</div><!-- page -->
<!-- Footer -->
<!--sitelock icon-->
<div id="sitelock_shield_logo" class="fixed_btm" style="bottom:0;position:fixed;_position:absolute;right:0;"><a href="https://www.sitelock.com/verify.php?site=mysite.com" onclick="window.open('https://www.sitelock.com/verify.php?site=mysite.com','SiteLock','width=600,height=600,left=160,top=170');return false;" ><img alt="malware removal and website security" title="SiteLock"  src="//shield.sitelock.com/shield/mysite.com"/></a></div>
<!-- end of sitelock icon-->
  <div id="footer">
  <div id="footershadow"></div>
  {$HOOK_FOOTER}
  <p>{l s='Copyright'} © {$smarty.now|date_format:"%Y"} {$shop_name|escape:'htmlall':'UTF-8'}. {l s='All Rights Reserved'}.</p>
  </div>
{/if}
</body>
</html>

 

and below is from my global

/* Footer */
#footer {
	background-image:url(../img/footershadow.gif);
	color: #333333;
margin: 0 auto 0px auto;
padding: 0 0 0px 0;
padding-bottom: 15px;
	clear: both;
text-align: center
}

 

thanks in advance

 

as this is tagged as solved topic, i will open a new one. sorry about that.