OJS OCS OMP OHS

You are viewing the PKP Support Forum | PKP Home Wiki



Changing template (vertical navbar)

OCS development discussion, enhancement requests, third-party patches and plug-ins.

Moderators: jmacgreg, michael

Forum rules
Developer Resources:

Documentation: The OJS Technical Reference and the OJS API Reference are both available from the OJS Documentation page. While these are OJS-specific, the OCS codebase is similar enough to OJS they should be of help. There is also an [url=http://pkp.sfu.ca/ocs_documentation[/url]OCS Documentation[/url] page with some more general documentation that might also be of interest.

Git: You can access our public Git Repository here. Comprehensive Git usage instructions are available on the wiki.

Bugzilla: You can access our Bugzilla report tracker here.

Search: You can use our Google Custom Search to search across our main website, the support forum, and Bugzilla.

Questions and discussion are welcome, but if you have a workflow or usability question you should probably post to the OCS Conference Support and Discussion subforum; if you have a technical support question, try the OCS Technical Support subforum.

Changing template (vertical navbar)

Postby miguelakira » Tue Feb 08, 2011 7:12 pm

Hello everyone.

I'm trying to change the template of OJS, but it's a much more difficult task than I thought it would be. I thought that only changing a few CSS files and a 'default.ctp' like file (as it is in cakephp) and I would be done.

Basically, I just want to change the navbar from horizontal to vertical style (as in http://campusvirtual.unex.es/cala/editio/ ) and show every issue of a magazine in the right sidebar.

But I don't get the logic of it. I can see the header.tpl, footer.tpl etc, but where is the 'main' file that calls them?

everything else would remain the same.

Is there a relatively easy way to do this?

Thanks!
miguelakira
 
Posts: 4
Joined: Tue Feb 08, 2011 6:57 pm

Re: Changing template (vertical navbar)

Postby jmacgreg » Thu Feb 10, 2011 10:29 pm

Hi miguelakira,

I'm assuming that you are using a more recent version of OJS (the following instructions wouldn't apply to versions before 2.3.0.) Also, you will want to take a look at the documentation at http://smarty.net. OJS uses the Smarty template engine, and thankfully they keep very good documentation.

Here's how I would do things:

1. Remove the top navigation bar. you can do this easily enough by removing the line that calls the navbar template file from lib/pkp/templates/common/header.tpl:

Code: Select all
{include file="common/navbar.tpl"}


If you want, you don't even need to delete the line. Just comment it out.

2. Create a block plugin. All sidebar content is delivered by [url=http://pkp.sfu.ca/ojs/docs/userguide/2.3.3/journalManagementBlockPlugins.htmlblock plugins[/url]. You can move block plugins to the right or left of your page in Journal Setup Step 5, so if you make a navbar block plugin you can then move it to the left. There is information on how to make block plugins [url=http://pkp.sfu.ca/wiki/index.php/Writing_a_Block_Plugin]here[/url], and you should also look at the plugins that are in plugins/blocks/ for examples of what to do.

3. Add the navbar code to the block plugin and edit it until it looks right. Basically, just take the template code you want from templates/common/navbar.tpl and add it to the block plugin. You'll want to change some things to get it to display how you want, and you can even add more stuff in there. It should be fairly easy to do if you take a look at the smarty documentation.

You can follow these general steps to also show an issue listing of the magazine in your sidebar -- basically, create another block plugin, but this time add the code that will grab issue information (title, link to the ToC, etc.) and display it. You may want to look at templates/issue/archive.tpl, which creates the journal's Archive page, for tips on how to do this.

If you have any further questions, just let us know.

Cheers,
James
jmacgreg
 
Posts: 4181
Joined: Tue Feb 14, 2006 10:50 am


Return to OCS Development

Who is online

Users browsing this forum: No registered users and 2 guests