How to place footer below everything?

sienp2016 · July 12, 2016, 5:57pm

Hi, I’m making some changes in our OJS as requested from my boss and I wanted to change the footer, since current footer is very ugly. I can do it no problem, but for my layout to work, I need the footer to be displayed below site content and Right Sidebar menu, but no matter what I try, the result is the same (see the pictures below).

Here’s how our OJS looks, note the footer’s position:

And I want to make our footer look more or less like this in terms of positioning:

How to do this?

piero_tasso · July 14, 2016, 9:41am

Hi, I wasn’t able to accomplish that with css only.
Maybe you should consider editing the templates, moving the footer block outside div#content and div#main and putting it directly as a child of div#body.
But please consider that there are several footers (at least 4 footer.tpl):

./submission/comment/footer.tpl
./article/footer.tpl
./rt/footer.tpl
./common/footer.tpl

sienp2016 · July 14, 2016, 4:06pm

@piero_tasso, that’s exactly my problem! I tried to find those divs in my footer, but found nothing.

piero_tasso · July 15, 2016, 9:21am

I didn’t try this, but the footer.tpl in $/templates/article/ in OJS 2.4.8 I would try to edit that part:

github.com

pkp/ojs/blob/ojs-stable-2_4_8/templates/article/footer.tpl#L56-L63


{call_hook name="Templates::Article::Footer::PageFooter"}
{if $pageFooter}
<br /><br />
{$pageFooter}
{/if}
</div><!-- content -->
</div><!-- main -->
</div><!-- body -->

on the other hand $/templates/common/footer.tpl is slightly different as it invokes a different template:

github.com

pkp/ojs/blob/ojs-stable-2_4_8/templates/common/footer.tpl#L12-L24


{if $pageFooter==''}
	{if $currentJournal && $currentJournal->getSetting('onlineIssn')}
		{assign var=issn value=$currentJournal->getSetting('onlineIssn')}
	{elseif $currentJournal && $currentJournal->getSetting('printIssn')}
		{assign var=issn value=$currentJournal->getSetting('printIssn')}
	{/if}
	{if $issn}
		{translate|assign:"issnText" key="journal.issn"}
		{assign var=pageFooter value="$issnText: $issn"}
	{/if}
{/if}
{include file="core:common/footer.tpl"}
{/strip}

In your file system you should find that core:common/footer.tpl is in $lib/pkp/templates/common/footer.tpl.

sienp2016 · July 15, 2016, 4:25pm

Thank you. I found the pages you listed, put the footer code below the div, but it’s still mysteriously not working, like nothing changed. And yes, I’ve cleared the cache.

piero_tasso · July 18, 2016, 12:06pm

weird, I just edited $/templates/article/footer.tpl and it worked for me:

</div><!-- content -->
</div><!-- main -->
{call_hook name="Templates::Article::Footer::PageFooter"}
{if $pageFooter}
<br /><br />
{$pageFooter}
{/if}
</div><!-- body -->

now the footer is outside div#main and could be styled with full width.
Of course it will work only for article pages, for other pages you need to edit all the other footer.tpl (at least $/lib/pkp/templates/common/footer.tpl)

asmecher · July 18, 2016, 2:49pm

Hi @sienp2016,

Have you checked file permissions in cache/t_compile? If they’re not permitting OJS to recompile and store the cached template there, then you won’t see changes to templates taking effect.

Regards,
Alec Smecher
Public Knowledge Project Team