Catalog Theme Tutorial #

Requirement : #

• This Theme support for OMP version 3.2 – latest version
• On installation or full implementation package, the authentication of the server / Cpanel is required

Description #

Catalog Theme is one of the newest OMP 3 themes launched by the Openjournaltheme team , Catalog Theme has a main focus on simplicity and functionality. There is no other theme that provides as many features as the Catalog theme. Some of the excellent features in Catalog such as easy setup, detailing articles, articles with citation badges, article categories, share able, and clickable reviewer and author.

Thank You #

We are the team on openjournaltheme.com would like to say thank you so much for buying this theme. It took 3 month for us to create this theme and more months to come as we maintain this theme and add another feature. 

One of our visions is to help many publishers to get done their task with affordable cost

Our team strives to bring this high quality theme but we always need more suggestions or any response to anything about this theme.

You can also get the images & image licenses contained in this theme demo at the following link: Image & license

About Support #

Support is for the installation, usage, or bug of the theme. We may not give support if the request from our client is outside of the theme scope or if the change to the theme is based on specific user preferences. But if you are in need, we provide additional service for your custom request.  

We would consider adding the additional features that are asked by the client as the new feature that will be implemented with the theme in the next release. 

The support and update are only for 1 year since your purchase date. We are sure that you understand that it would need cost and effort to provide support and a high-quality theme for another year. However, you can use the theme forever and you have the option to renew the support and update by making a payment of 20% of the theme’s initial cost. Your support is important for us as it would help us to implement any new feature for this theme.

License Notice #

A single license can be used only for 1 press. Each use of the theme for others press requires a separate license. We hope you will follow the rules as it will help us to continue supporting our themes, further development and providing future updates.

Installation #

Here are the steps for installing the Catalog theme on the server/Cpanel :

1. Upload this theme to your OMP host into the your_omp_sites/plugins/themes folder
2. Extract the catalog.zip  to those folder
3. Activate the theme via OMP Control Panel by going to the menu Settings -> Website and click the Plugins tab  as shown below : 

4. Find the Theme Plugins section below of that Plugins tab, then click the checkbox to activate the theme : 

5. Click Appearance tab find Theme Section as shown below : 

After you choose the Catalog Theme based on latest version please click the Save button. 

6. You must Refresh the page to get the theme option as seen below :

How to activate the license key for yout theme  #

1. Check licenses that have been sent by email

2. Then paste the code into the enter license key on the theme option

3. Click the Save button

Note: that this theme license can be applied only for 1 press on your OMP installation.

Then please go back to the back-end website in the Settings menu → Website → Click the Appearance tab to find the Theme Section as shown below :

After you choose the Catalog Theme based on the latest version, please click the Save button. 

*Note that this theme license can be applied only for 1 journal on your OMP.

Problems on activation   #

If you have activated but still display the statement :

Solution : 

Make sure cURL is installed on your CPanel.

cURL is needed by OMP for various important plugins:

1. mEDRA

2. CrossRef

3. Orcid

3. DOI, and other plugin

*Do not hesitate to contact us if you experience problems about this

If you have any issue regarding above explanation, please read known issue article and the solution for fixing it.

Section of The Theme #

Each section of this theme has different features

This guide is divided into several explanations related to each feature on the page :

1. Press Index  #

Press Index is a section where the issue and title of the books  are displayed related to the OMP publication. This page is the front page of your journal. let’s see the following preview to show this press index page : 

Theme Features #

The following features  are available  : 

Below will be explained in detail the steps to utilize the feature. Before we begin we must first understand how to create a custom block manager. This is because most of these features use custom block managers

1. Header Option #

This theme provides you with 6 header options. By choosing the suitable header image you will get the image header on the press changed. Here is the preview on each of the header options. 

Preview : 

Lonely City (Default)

White Curve

Tosca Painting

Ambiguous Abstract

Catalog Black

Book Shelf

Detail Step :

1. Open menu on the OMP backend Setting -> Website

2. Then open Appearance Tab 

3. Scroll to the bottom of your cursor and you will see the header image option 

After selecting the suitable header style for your OMP site, don’t forget to click Save

2. Featured Book Slider #

Preview : 

Detail Step : 

1. Access the Catalog menu on the backend of OMP

2. On the Monograph Tab 

Select any book to be categorized as Featured 

When you choose any book as featured, it will automatically become slider on the press index page. 

Notice: If the slider feature doesn’t work, then make changes to the order in the menu section. This is done because the OMP version 3.2.x or higher still has a bug.

Bug on OMP?  #

After you have set up the featured book with many books as featured, you may see that on the front page of your press, the featured book is not working!

This is caused by an OMP bug, here are the step that needs to take to solve this bug : 

1. Open the Catalog Menu 

2. In here you will get the Monograph list that you  have already checked as Featured 

3. Click this button on this page : 

4. Make reorder on the book order: 

By clicking this button : 

5. After you have finished doing some reordering, don’t forget to click the Save Order button.
6. If the results do not display according to the feature list book, please do another order for another item

Notice: The order feature can only be done if you have activated the featured book for at least 2 items

3. Prominent Author #

The prominent author placed on the sidebar of the frontpage as you have seen on the demo site is using Custom Block. Here is the preview : 

Preview : 

Detail Step : 

1. Add a new custom block and name it as MostProminent 

2. Add the following HTML code after clicking the source code button : 

Here is the code : 

<div class="Most Prominent Author">
    <div class="title">Most Prominent Author</div>
    <div class="row">
        <div class="col-4 col-4-sm"><img class="img-responsive"
                src="https://demo.openjournaltheme.com/public/site/images/demo_ojs_red_modern/cowo6.jpg" /></div>
        <div class="col-8 col-8-sm  profile">
            <div class="name"><a href="https://demo.openjournaltheme.com/omp/index.php/catalog/adamsmith"><strong>Adam
                        Smith</strong></a></div>
            <div class="email">University of South Carolina</div>
            <div class="google_scholar"><a
                    href="http://demo.openjournaltheme.com/omp/index.php/catalog/search/search?query=adam+smith">List
                    Book</a> </div>
        </div>
    </div>
    <div class="row">
        <div class="col-4 col-4-sm"><img class="img-responsive"
                src="https://demo.openjournaltheme.com/public/site/images/demo_ojs_red_modern/cewe5.jpg" /></div>
        <div class="col-8 col-8-sm profile">
            <div class="name"><a href="https://demo.openjournaltheme.com/omp/index.php/catalog/lauranagel"><strong>Laura
                        Angel</strong></a></div>
            <div class="email">University of South Carolina</div>
            <div class="google_scholar"><a
                    href="http://demo.openjournaltheme.com/omp/index.php/catalog/search/search?query=laura">List
                    Book </a></div>
        </div>
    </div>
    <!-- add another one here -->


</div>

If you need to add more authors on this code, after the code 

<!– add another one here –> 

paste this code :

<div class="row">
        <div class="col-4 col-4-sm"><img class="img-responsive"
                src="https://demo.openjournaltheme.com/public/site/images/demo_ojs_red_modern/cewe5.jpg" /></div>
        <div class="col-8 col-8-sm profile">
            <div class="name"><a href="https://demo.openjournaltheme.com/omp/index.php/catalog/lauranagel"><strong>Laura
                        Angel</strong></a></div>
            <div class="email">University of South Carolina</div>
            <div class="google_scholar"><a
                    href="http://demo.openjournaltheme.com/omp/index.php/catalog/search/search?query=laura">List
                    Book </a></div>
        </div>
    </div>

After you have add this code you replace the profile image by clicking the image profile and  upload the proper profile image for each author by clicking the image icon on the visual text editor : 

For adding the link you can add this link on each article name : 

https://yourompurl.com/index.php/pressName/nameofauthor

For example on our demo site it will be : 

https://omp.openjournaltheme.com/omp/index.php/catalog/adamsmith

4. Most Consulted Book #

Preview :

Detail Step : 

1. Add a new custom block and name it as MostConsulted 

2. Add the following HTML code after clicking the source code button :

paste this code :

<div class="title">Most Consulted Books</div>
<div class="title"><a href="http://omp.openjournaltheme.com/index.php/catalog/catalog/book/3"><img src="http://omp.openjournaltheme.com/public/site/images/admin/bookcover0000686.jpg" alt="" width="450"
            height="720" /></a></div>

After you have add this code you replace the profile image by clicking the image profile and  upload the proper profile image for each author by clicking the image icon on the visual text editor : 

Tips : 

4. Site Footer #

This section will explain how to modify the footer as seen on this image preview : 

Footer  #

To edit this footer, the steps are : 

1. Click Website Settings, and make sure the Appearance tab is activated.

2. Find Page Footer text editor  and click the Source Code 

Copy and paste this HTML source code : 

<div class="row footer">
    <div class="col-4">
        <p><img src="https://omp.openjournaltheme.com/public/site/images/admin/footer-logo.png" alt="" width="250"
                height="151" /></p>
    </div>
    <div class="col-4">
        <h3>Contact Info:</h3>
        <div>12345-42323 (Lorem Ipsum)</div>
        <div>12255-5151 (Mrs. Catherine)</div>
        <div>[email protected]</div>
    </div>
    <div class="col-4">
        <h3>Information :</h3>
        <p>Authors</p>
        <p>Terms of Use</p>
        <p>Privacy Policy</p>
    </div>
</div>
<div class="row copright-container">
    <div class="copyright-wrapper">
        <div class="copy-right">© 2018 {$yourSiteTitle}, All rights reserved. This is an open-access article distributed
            under the terms of the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
            Licensed under <a class="img_cc" href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license"><img
                    style="border-width: 0;" src="https://i.creativecommons.org/l/by-sa/4.0/80x15.png"
                    alt="Creative Commons License" /></a> This work is licensed under a <a
                href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license">Creative Commons
                Attribution-ShareAlike 4.0 International License</a>. a <a
                href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International
                License</a>.</div>
    </div>
    <div class="theme-credit"><a href="https://openjournaltheme.com/ojs3-theme-classy" target="blank">Catalog Theme </a>
        by openjournaltheme.com</div>
</div>

After you copy and paste the above code, the Source Code editor would be populated with this code (based on the source code you have pasted)  : 

Click Ok and Save

1. You would be back to the Page Footer editor, then you can change the footer logo or  modify the address and contact info for your journal info

  To change any text on that visual text editor, you just need to select any text and edit it directly without touching or modifying the HTML source code. 

2. Finish to modify your Page Footer ? Do not forget to click the Save button. 

Tips : 

Book Detail Page #

1. Citation Feature

Preview :

This feature provides citation features on the book detail with multiple options. As we develop this theme, this feature is only available for this theme since the default OMP does not provide this theme as a plugin and no other third party provides this plugin. 

This feature runs automatically without the need to set up anything on the catalog theme. 

2. Histogram Statistics

Preview : 

Here how to achieve this : 

1. Enable Usage Statistic Plugin

To use this feature you should enable the Usage Statistics plugin in the OMP system. It can activate by click the checkbox 

By activating the Usage Statistics Plugin the theme automatically show the histogram statistic for any journal download. 

2. Edit Config OMP file 

If you have more than 1 journal you need to edit the config.inc.php file on your OMP root folder. Add a new journal on the base_index and the path. 

Here is the example (this is only an example, please change this on based on your OMP site) : 

Change the yellow highlight with your journal path and change the URL path too.

Tips : 

3. References

To enable this feature on the book article detail page you need to activate the references features on the OMP Admin Dashboard.

Here how to activate it : 

On the admin dashboard, Hover to the Setting Menu and click  Workflow. Select the Submission tab .  

Activate the References by checking the Enabled then click Save. 

After you had activated and Enabled the References features, you can edit or add references on Article metadata that can be accessed on Submission or Issues -> Archives. 

4. Digital Object Identifiers

This theme would show any DOI set by the admin on every article on the OMP Admin Dashboard page. This is actually a general feature provided by OMP. 

If you need a detailed step to implement this feature here is how to do it : 

1. Enable DOI plugin 

You need to enable the DOI plugin by access OMP Admin Dashboard Plugin page and check the activation box. 

2. Setup the setting of DOI plugin

after you had activated the plugin you need to setup and select some options on the setting pop-up by check the arrow symbol as shown below : 

Then select an available option that suit your journal need (example below) : 

5. Google Scholar Indexing 

This feature optimized the indexing tag of the journal. Make sure you activate the indexing plugin by check this following option on the admin dashboard -> plugin section : 

Then our code would automatically make the references / bibliography searchable by the indexing services by following the recommendation by google scholar indexing guidelines. 

Recommendation : 

As stated by the google scholar indexing guidelines. It is suggested that you should use the Dublin Core Indexing Plugin as a last resort. Here is the original statement : 

Use Dublin Core tags (e.g., DC.title) as a last resort – they work poorly for journal papers because Dublin Core doesn’t have unambiguous fields for journal title, volume, issue, and page numbers.

So please disable Dublin Core Indexing Plugin if you already enable the google scholar indexing plugin. 

Tips : 

How to increase image display quality  #

1. Go to menu Setting -> Website  ->  Appearance

2. In the menu below, please adjust the cover images, like image below

3. Save and refresh your front page OMP

Translation :: how to edit #

This theme may not be configured to support all the language words. If you find that some language would become ##line## because of the language you don’t need to worry since adding some language line is very easy. Just follow this detailed instruction : 

1. Find which one of the lines needs to be translated :
   For example below we find that ##navigation.archives## does not have a translation line  

2. Add the translation by follow this step : 

Here are the steps :

• Edit the file directly : 

Open the translation file in the theme file with directory : 

omp_installation/locale/code_of_country/locale.xml

For example, we edit the translation in Indonesian language. So we should open the Indonesian language (id_ID) file translation

omp_installation > locale > code_of_country 

• Edit the locale.xml file : 
• Add the new line as we know that the ##navigation.archives## does not the default language translation, so we need to add this line to the locale.xml file based on the language that we need (example we use the id_ID — indonesian language). 

• Save the file and reload your OMP

End Of Documentation – Thanks Your #

You reach the end of the documentation. If you have any opinions, questions, or suggestions to make this theme better please reach us on [email protected] 

Do not hesitate to contact us, it would be great to hear any feedback from our customers.

How to report a bug or getting help #

Need Help ? 
If you find bugs or suggestions don’t forget to report it to our email [email protected]. We would be glad to fix it. 

Change Log and the latest version #

Check the change log by visiting this URL 

https://openjournaltheme.com/#changelog

Muhammad Arifin

Arifin here, I writing about OJS and share knowledge about OJS