# New OJS 3 Theme on Bootstrap 4

**URL:** <https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892>\
**Category:** Community Showcase\
**Tags:** ojs, ojs3, bootstrap, jats, theme\
**Created:** [January 9, 2018, 7:55am UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892 "2018-01-09T07:55:20Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vitaliy](https://forum.pkp.sfu.ca/user_avatar/forum.pkp.sfu.ca/vitaliy/32/3230_2.png) [@Vitaliy](https://forum.pkp.sfu.ca/u/Vitaliy)\
**Post date:** [January 9, 2018, 7:55am UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/1 "2018-01-09T07:55:20Z")

</div>

Greetings,

Theme source code is available here: [https://github.com/Vitaliy-1/oldGregg/tree/master](https://github.com/Vitaliy-1/oldGregg/tree/master)  
Demonstration instance is available here: [http://ojsdemo.e-medjournal.com/index.php/oldGregg/index](http://ojsdemo.e-medjournal.com/index.php/oldGregg/index)

The theme uses built-in JATS Parser Plugin for rendering articles in JATS XML format and display on article landing page. An example can be seen here: [http://ojsdemo.e-medjournal.com/index.php/oldGregg/article/view/4](http://ojsdemo.e-medjournal.com/index.php/oldGregg/article/view/4)

To look at source JATS XML one needs just to download article’s `XML` galley. JATS XML should be downloaded as a galley file as usual.

Another feature is displaying 20 most recent articles on journal’s homepage.

It is compatible with latest OJS 3 release (may not work if version is below 3.1). For bugs, please fill in an issue on GitHub page.

Please note that theme is lincensed under GPL. It was developed by me (and I’m not from PKP team).

**Edit** : the theme is ready for production use. Many thanks to @anupent for testing and proposing code modifications.

---

<div class="post-metadata">

**Author:** ![varshilmehta](https://forum.pkp.sfu.ca/letter_avatar/varshilmehta/32/5_5575768a8748004e209b776fc1b2916d.png) [@varshilmehta](https://forum.pkp.sfu.ca/u/varshilmehta)\
**Post date:** [January 9, 2018, 8:22am UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/2 "2018-01-09T08:22:48Z")

</div>

This is a masterpiece! Great work. However, the plugin page doesnt load after copying the file. I have renamed it properly.

---

<div class="post-metadata">

**Author:** ![Vitaliy](https://forum.pkp.sfu.ca/user_avatar/forum.pkp.sfu.ca/vitaliy/32/3230_2.png) [@Vitaliy](https://forum.pkp.sfu.ca/u/Vitaliy)\
**Post date:** [January 9, 2018, 8:44am UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/3 "2018-01-09T08:44:41Z")

</div>

Please don’t post any bugs here - use GitHub. This issue is because you are trying to use this theme alongside with JATS Parser Plugin. This theme shares with the plugin the same classes, which results into error. Just disable JATS Parser Plugin:

> <https://github.com/Vitaliy-1/oldGregg/issues/1>
>
> I download from master. Named to oldGregg and copied the folder to plugins/theme…s.
> When I went to settings - website - plugins, there is a spinning wheel with message "loading" and nothing happens.
> Following is the error-log message:
> "Cannot declare class ArticleSection, because the name is already in use in \\\\plugins\\\\themes\\\\oldGregg\\\\jatsParser\\\\classes\\\\ArticleSection.inc.php on line 14"

---

<div class="post-metadata">

**Author:** ![kawahyu](https://forum.pkp.sfu.ca/user_avatar/forum.pkp.sfu.ca/kawahyu/32/7579_2.png) [@kawahyu](https://forum.pkp.sfu.ca/u/kawahyu)\
**Post date:** [January 9, 2018, 9:00am UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/4 "2018-01-09T09:00:59Z")

</div>

Dear Dr @Vitaliy  
Thanks so much for your contribution. Once, I have asked about jats-parser for bootstrap. Now, it is here.

---

<div class="post-metadata">

**Author:** ![ajnyga](https://forum.pkp.sfu.ca/user_avatar/forum.pkp.sfu.ca/ajnyga/32/3987_2.png) [@ajnyga](https://forum.pkp.sfu.ca/u/ajnyga)\
**Post date:** [January 9, 2018, 9:16am UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/5 "2018-01-09T09:16:18Z")

</div>

That is a very nice theme @Vitaliy!

edit: although I have never heard of “The Mighty Boosh” 😂

---

<div class="post-metadata">

**Author:** ![vvucic](https://forum.pkp.sfu.ca/letter_avatar/vvucic/32/5_5575768a8748004e209b776fc1b2916d.png) [@vvucic](https://forum.pkp.sfu.ca/u/vvucic)\
**Post date:** [January 9, 2018, 9:38am UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/6 "2018-01-09T09:38:38Z")

</div>

Thanks a lot on your contribution! Congratulations! That is power of community!

---

<div class="post-metadata">

**Author:** ![asmecher](https://forum.pkp.sfu.ca/user_avatar/forum.pkp.sfu.ca/asmecher/32/3_2.png) [@asmecher](https://forum.pkp.sfu.ca/u/asmecher)\
**Post date:** [January 9, 2018, 4:28pm UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/7 "2018-01-09T16:28:24Z")

</div>

Hi @Vitaliy,

Excellent work! I’ve shared this with the PKP team. (I’m relieved it doesn’t actually look anything like Old Gregg.)

Regards,  
Alec Smecher  
Public Knowledge Project Team

---

<div class="post-metadata">

**Author:** ![Vitaliy](https://forum.pkp.sfu.ca/user_avatar/forum.pkp.sfu.ca/vitaliy/32/3230_2.png) [@Vitaliy](https://forum.pkp.sfu.ca/u/Vitaliy)\
**Post date:** [January 9, 2018, 4:48pm UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/8 "2018-01-09T16:48:23Z")

</div>

Yup, Old Gregg is actually more greenish and isn’t a pleasant fellow. But this name is good for memorizing 🙂

---

<div class="post-metadata">

**Author:** ![NateWr](https://forum.pkp.sfu.ca/user_avatar/forum.pkp.sfu.ca/natewr/32/25562_2.png) [@NateWr](https://forum.pkp.sfu.ca/u/NateWr)\
**Post date:** [January 10, 2018, 12:34pm UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/9 "2018-01-10T12:34:46Z")

</div>

Great work @Vitaliy! It’s really exciting to see what you’ve been able to do with the Theme API. I’m really glad to see the community stepping in to provide theming options.

---

<div class="post-metadata">

**Author:** ![anupent](https://forum.pkp.sfu.ca/user_avatar/forum.pkp.sfu.ca/anupent/32/7153_2.png) [@anupent](https://forum.pkp.sfu.ca/u/anupent)\
**Post date:** [January 16, 2018, 1:32pm UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/10 "2018-01-16T13:32:12Z")

</div>

Hi all,  
We have updated our website with this theme by @Vitaliy.

[https://jlmc.edu.np](https://jlmc.edu.np)

Still, some work has to be done, but we feel it is now suitable for production stage.

Regards,

---

<div class="post-metadata">

**Author:** ![Vitaliy](https://forum.pkp.sfu.ca/user_avatar/forum.pkp.sfu.ca/vitaliy/32/3230_2.png) [@Vitaliy](https://forum.pkp.sfu.ca/u/Vitaliy)\
**Post date:** [January 22, 2018, 8:12am UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/11 "2018-01-22T08:12:01Z")

</div>

Yup, the theme is ready for production. The current version is 1.1.0 - in compliance with latest OJS release.  
`branch = version`

---

<div class="post-metadata">

**Author:** ![EpistemeRC](https://forum.pkp.sfu.ca/letter_avatar/epistemerc/32/5_5575768a8748004e209b776fc1b2916d.png) [@EpistemeRC](https://forum.pkp.sfu.ca/u/EpistemeRC)\
**Post date:** [January 25, 2018, 9:52pm UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/12 "2018-01-25T21:52:20Z")

</div>

Hi @Vitaliy,  
Thank you very much for this much awaited theme !  
I was wondering if you were planning to include in the future parsing for the JATS “sub-article” tag.  
This tag is especially useful for publishing referees’ reports and authors’ response in an open peer review process.

Thanks again for your many contributions !

Christophe

---

<div class="post-metadata">

**Author:** ![Vitaliy](https://forum.pkp.sfu.ca/user_avatar/forum.pkp.sfu.ca/vitaliy/32/3230_2.png) [@Vitaliy](https://forum.pkp.sfu.ca/u/Vitaliy)\
**Post date:** [January 26, 2018, 8:10am UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/13 "2018-01-26T08:10:48Z")

</div>

`sub-article` tag that can be placed inside `body` element and can contain any elements, just like an `article`?

---

<div class="post-metadata">

**Author:** ![EpistemeRC](https://forum.pkp.sfu.ca/letter_avatar/epistemerc/32/5_5575768a8748004e209b776fc1b2916d.png) [@EpistemeRC](https://forum.pkp.sfu.ca/u/EpistemeRC)\
**Post date:** [January 26, 2018, 8:56am UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/14 "2018-01-26T08:56:08Z")

</div>

In open peer review process, this tag follows the /back tag and does contain any elements just like an article. See for instance xml file at [https://f1000research.com/articles/7-90/](https://f1000research.com/articles/7-90/)  
(An alternative solution, though less compliant with the JATS, is to include referees’ reports and authors response as supplementary sections after the discussion section, in the body of the article)

Best regards,

Christophe

---

<div class="post-metadata">

**Author:** ![Vitaliy](https://forum.pkp.sfu.ca/user_avatar/forum.pkp.sfu.ca/vitaliy/32/3230_2.png) [@Vitaliy](https://forum.pkp.sfu.ca/u/Vitaliy)\
**Post date:** [January 26, 2018, 11:30am UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/15 "2018-01-26T11:30:53Z")

</div>

OK. But before adding support for any tag, I need to resolve this issue:  
[https://github.com/Vitaliy-1/oldGregg/issues/28](https://github.com/Vitaliy-1/oldGregg/issues/28)

---

<div class="post-metadata">

**Author:** ![EpistemeRC](https://forum.pkp.sfu.ca/letter_avatar/epistemerc/32/5_5575768a8748004e209b776fc1b2916d.png) [@EpistemeRC](https://forum.pkp.sfu.ca/u/EpistemeRC)\
**Post date:** [January 26, 2018, 2:02pm UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/16 "2018-01-26T14:02:11Z")

</div>

Thank you very much for your swift answer and sustained effort !

All the best,

Christophe

---

<div class="post-metadata">

**Author:** ![Emil\_R\_Kaburuan](https://forum.pkp.sfu.ca/letter_avatar/emil_r_kaburuan/32/5_5575768a8748004e209b776fc1b2916d.png) [@Emil\_R\_Kaburuan](https://forum.pkp.sfu.ca/u/Emil_R_Kaburuan)\
**Post date:** [January 26, 2018, 6:16pm UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/18 "2018-01-26T18:16:39Z")

</div>

Hey…how can I make sure that my hosting has Bootstrap 4 framework?

I use godaddy hosting and having difficulties to check if Bootstrap 4 is there or not…

any help would be appreciated…

Thanks

---

<div class="post-metadata">

**Author:** ![vvucic](https://forum.pkp.sfu.ca/letter_avatar/vvucic/32/5_5575768a8748004e209b776fc1b2916d.png) [@vvucic](https://forum.pkp.sfu.ca/u/vvucic)\
**Post date:** [January 26, 2018, 7:09pm UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/19 "2018-01-26T19:09:12Z")

</div>

Hosting companies usually do have option to submit support ticket or open request. You can ask them using that option.

---

<div class="post-metadata">

**Author:** ![Vitaliy](https://forum.pkp.sfu.ca/user_avatar/forum.pkp.sfu.ca/vitaliy/32/3230_2.png) [@Vitaliy](https://forum.pkp.sfu.ca/u/Vitaliy)\
**Post date:** [January 26, 2018, 7:43pm UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/20 "2018-01-26T19:43:11Z")

</div>

Bootstrap 4 is already inside the theme:  
[https://github.com/Vitaliy-1/oldGregg/tree/master/bootstrap](https://github.com/Vitaliy-1/oldGregg/tree/master/bootstrap)  
If your hosting provider meets requirements for OJS, the theme will work.  
Although, I don’t remember if I have used there PHP 7 features. So, maybe you will need PHP version 7.0 or higher.

Edit: yup, have used…

---

<div class="post-metadata">

**Author:** ![Emil\_R\_Kaburuan](https://forum.pkp.sfu.ca/letter_avatar/emil_r_kaburuan/32/5_5575768a8748004e209b776fc1b2916d.png) [@Emil\_R\_Kaburuan](https://forum.pkp.sfu.ca/u/Emil_R_Kaburuan)\
**Post date:** [January 27, 2018, 12:42am UTC](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892/21 "2018-01-27T00:42:30Z")

</div>

Thanks,…I cant use PHP 7…the database crash when I set it to PHP 7…

I install OJS 3.2.0 and use PHP 5.6 instead…that’s why I asked if it’s only can run on PHP 7

[Next page](https://forum.pkp.sfu.ca/t/new-ojs-3-theme-on-bootstrap-4/36892.md?page=2)
