'copyright...' and 'designed by..' in the footer

[MarianaBalan]

Hello?

Can somebody help me add in the footer:

-left side: copyright by....

-right side: 'designed by...'

                  'webhosted by...'

 

With the posibility to change the color and font.

And if possible, "designed by.." and "webhosted by" to contain link.

 

I know that you can do it from header.tpl, but I am not a programmer, so...

 

 

Many thanks in advance!

Edited October 2, 2013 by MarianaBalan (see edit history)

[vekia]

header.tpl

<div id="left_column" class="column grid_2 alpha">
{$HOOK_LEFT_COLUMN}
<a href="http://website.com">{l s='SOME LINK LEFT'}</a>
</div>

footer.tpl

<div id="right_column" class="column grid_2 omega">
{$HOOK_RIGHT_COLUMN}
<a href="http://website.com">{l s='SOME LINK RIGHT'}</a>
</div>

+

<div id="footer" class="grid_9 alpha omega clearfix">
    {$HOOK_FOOTER}
<a href="http://website.com">{l s='SOME LINK CENTER'}</a>
    {if $PS_ALLOW_MOBILE_DEVICE}
    <p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>
    {/if}
</div>

[MarianaBalan]

Thank you so much for your response! I will try it right now!

[Kogkalidis]

Vekia, I have one question. Which is the ideal way to change text (of category-name for example). some if statement in the tpl? Or the {l s="RANDOM TEXT"} way? Or else? If "l s" is the solution, then where are these strings going to appear in order to edit them for every language? Thanx in advance

[vekia]

 

 

then where are these strings going to appear in order to edit them for every language? Thanx in advance

if you're editing THEME .tpl files, then you can translate these strings in:

localization > translations > front office translations

 

and regarding to the category name:

everything depends about what you exactly mean by this. category name where? in block categories? top horizontal menu? maybe somewhere else?

[MarianaBalan]

I have tested your solution, but they are not showing as I hoped they will. 

 

 

<div id="right_column" class="column grid_2 omega">
{$HOOK_RIGHT_COLUMN}
<a href="http://website.com">{l s='SOME LINK RIGHT'}</a>
</div>

This makes my link appear in the right part above my footer module, and the next code makes  my link appear in the left side above the footer module, too.

 

 

<div id="left_column" class="column grid_2 alpha">
{$HOOK_LEFT_COLUMN}
<a href="http://website.com">{l s='SOME LINK LEFT'}</a>
</div>

 

 

The links are working perfectly, just not showing where they are supposed to.

[vekia]

i don't know where you want to insert them, you said only about left / right / footer

can you shed some light on this please?

[MarianaBalan]

Hello!

 

Sorry for not explaining myself well. In the picture you will see what I was actually trying to do.

I pointed out with arrows the place. I wanted those with red circles one above other.

 

 

Thanks again for your quick response! 

[vekia]

hello

 

so you want both of these links on the right hand side?

[MarianaBalan]

Yes, thank you!

[Kogkalidis]

if you're editing THEME .tpl files, then you can translate these strings in:

localization > translations > front office translations

 

and regarding to the category name:

everything depends about what you exactly mean by this. category name where? in block categories? top horizontal menu? maybe somewhere else?

[MY CASE IS SOLVED] Custom modification of top horizontal menu. Solution found, am going to do it in a while.. add this as text in a link: {l s='fashion' mod='blocktopmenu'} and then i can edit it in bo translation ..

 

this works also for href.. for example for this category the friendly url is 6-fashion for english version so i put: ... href="6-{l s='fashion' mod='blocktopmenu'}", translate the greek version to the appropriate one and voila! If there is better solution for links, please inform!!

[vekia]

so do the same as here:

<div id="left_column" class="column grid_2 alpha">
{$HOOK_LEFT_COLUMN}
<div style="float:right; positon:absolute; right:10px; bottom:40px>
<a href="http://website.com">{l s='SOME LINK LEFT'}</a>
<a href="http://website.com">{l s='SOME LINK LEFT'}</a>
<a href="http://website.com">{l s='SOME LINK LEFT'}</a>
</div>
</div>

you can of course customize position via increasing / decreasing values of right & bottom params