How to Installing The OJS - Theme: Difference between revisions

From AshVisual Documentations
No edit summary
mNo edit summary
 
(27 intermediate revisions by the same user not shown)
Line 1: Line 1:
= System Requirement =
<div class="container px-0">
<ol class="breadcrumb">
  <li class="breadcrumb-item">[[Main Page|Home]]</li>
  <li class="breadcrumb-item active" aria-current="page">How to Installing The OJS - Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">How to Installing The AshVisual OJS-Theme</div>


If your website is running smoothly, technically installing the AshVisual Theme does not require special system requirements. Ensure the following '''php.ini''' configuration so that the installation and upgrade process can run smoothly<syntaxhighlight lang="ini">
<p>This documentation provides detailed tutorials on how to install the AshVisual OJS-Theme for your Open Journal Systems (OJS) platform. We offer comprehensive and easy-to-follow instructions to guide you through every step of the installation process. Our goal is to ensure that you can seamlessly implement the AshVisual theme and enhance the look and functionality of your OJS website. Additionally, if you encounter any issues or have further questions regarding the installation, don't hesitate to reach out to '''[https://www.ashvisual.com/contact-us/ contact us]'''</p>
max_execution_time = 120
</div>
max_input_time = 120
<div class="container px-0 mt-5">
memory_limit = 128M
    <div class="row">
upload_max_filesize = 16M
        <div class="col">
post_max_size = 16M
            <div class="panel-group bsc_accordion" id="bsc_accordion_0">
</syntaxhighlight>
                <div class="card">
&nbsp;&nbsp;
                    <div class="card-header" data-toggle="collapse" data-target="#bsc_card_0" aria-controls="bsc_card_0" aria-expanded="true" id="bsc_card_0_header">System Requirement
<hr>
                    </div>
<hr>
                    <div id="bsc_card_0" class="card-collapse collapse fade show" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_0_header">
&nbsp;&nbsp;
                        <div class="card-body">
= Preparing files =
                            <P>If your website is running smoothly, technically installing the AshVisual Theme does not require special system requirements. Ensure the following '''php.ini''' configuration so that the installation process can run smoothly.</p>
max_execution_time = '''120'''
max_input_time = '''120'''
memory_limit = '''128M'''
upload_max_filesize = '''16M'''
post_max_size = '''16M'''
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header" data-toggle="collapse" data-target="#bsc_card_1" aria-controls="bsc_card_1" aria-expanded="false" id="bsc_card_1_header">Preparing files
                    </div>
                    <div id="bsc_card_1" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_1_header">
                        <div class="card-body">
'''Step 1''' - Login your account to the AshVisual official website
'''Step 1''' - Login your account to the AshVisual official website
  https://www.ashvisual.com/my-account/  
  https://www.ashvisual.com/my-account/  
Line 23: Line 43:
&nbsp;&nbsp;
&nbsp;&nbsp;
<hr>
<hr>
'''Step 4''' - Download theme file, from your order ID page<syntaxhighlight lang="text">
'''Step 4''' - Download theme file, from your order ID page
file name:
'''file name:'''
     AshVisualTheme-OJS-latest.zip  #OJS Theme Product
     AshVisualTheme-OJS-latest.zip  #OJS Theme Product
</syntaxhighlight>[[File:Download-theme.png|none|thumb|500x500px|Click image to enlarge]]
[[File:Download-theme.png|none|thumb|500x500px|Click image to enlarge]]
&nbsp;&nbsp;
&nbsp;&nbsp;
<hr>
<hr>
'''Step 5''' - Extract '''''AshVisualTheme-OJS-latest.zip''''' file, following are the contents of the file<syntaxhighlight lang="text">
'''Step 5''' - Extract '''''AshVisualTheme-OJS-latest.zip''''' file, following are the contents of the file
folder:
'''folder:'''
     additional_files    #contains html files for custom static pages (*.html)
     additional_files    #contains html files for custom static pages (*.html)
     document_files      #contains tutorials, license info etc. (*.txt)
     document_files      #contains tutorials, license info etc. (*.txt)
     theme_files        #Contains theme files for all versions (*.tar.gz)
     theme_files        #Contains theme files for all versions (*.tar.gz)
</syntaxhighlight>[[File:Product-content.png|none|thumb|300x300px|Click image to enlarge]]   
[[File:Product-content.png|none|thumb|400x400px|Click image to enlarge]]   
&nbsp;&nbsp;
&nbsp;&nbsp;
<hr>
<hr>
'''Step 6''' - Download '''Purchase code as CSV or TXT'''<syntaxhighlight lang="text">
'''Step 6''' - Download '''Purchase code as CSV or TXT'''
Purchase code:
'''Purchase code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
</syntaxhighlight>[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
&nbsp;&nbsp;
&nbsp;&nbsp;
<hr>
<hr>
&nbsp;&nbsp;
&nbsp;&nbsp;
&nbsp;&nbsp;
                        </div>
= Installing Theme =
                    </div>
'''Step 1''' - Login as administrator on your (OJS/OMP/OPS) website
                </div>
                <div class="card">
                    <div class="card-header" data-toggle="collapse" data-target="#bsc_card_2" aria-controls="bsc_card_2" aria-expanded="false" id="bsc_card_2_header">Installing Theme
                    </div>
                    <div id="bsc_card_2" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_2_header">
                        <div class="card-body">
'''Step 1''' - '''Login as administrator''' on your Open Journal Systems (OJS) website
&nbsp;&nbsp;
&nbsp;&nbsp;
&nbsp;&nbsp;
&nbsp;&nbsp;
Line 61: Line 85:
&nbsp;&nbsp;
&nbsp;&nbsp;
<hr>
<hr>
'''Step 4''' - On the same page (Website Settings page) - > '''Plugins''' -> '''Installed Plugins'''
'''Step 4''' - On the same page (Website Settings page) -> '''Plugins''' -> '''Installed Plugins'''
  ''Scroll to the bottom of the page''
  ''Scroll to the bottom of the page''
  '''Checklist''' to enabling the theme then reload/refresh the page
  '''Checklist''' to enabling the theme then reload/refresh the page
Line 79: Line 103:
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
&nbsp;&nbsp;
&nbsp;&nbsp;
<hr>
&nbsp;&nbsp;
                        </div>
                    </div>
                </div>
            </div>
 
        </div>
    </div>
</div>
 
__INDEX__
__INDEX__
__NEWSECTIONLINK__
__NEWSECTIONLINK__
[[Category:Tutorials]]
[[Category:OJS - Theme]]

Latest revision as of 12:34, 10 March 2025

How to Installing The AshVisual OJS-Theme

This documentation provides detailed tutorials on how to install the AshVisual OJS-Theme for your Open Journal Systems (OJS) platform. We offer comprehensive and easy-to-follow instructions to guide you through every step of the installation process. Our goal is to ensure that you can seamlessly implement the AshVisual theme and enhance the look and functionality of your OJS website. Additionally, if you encounter any issues or have further questions regarding the installation, don't hesitate to reach out to contact us

System Requirement

If your website is running smoothly, technically installing the AshVisual Theme does not require special system requirements. Ensure the following php.ini configuration so that the installation process can run smoothly.

max_execution_time = 120
max_input_time = 120
memory_limit = 128M
upload_max_filesize = 16M
post_max_size = 16M
Preparing files

Step 1 - Login your account to the AshVisual official website

https://www.ashvisual.com/my-account/ 

  


Step 2 - Click > Orders tab, from your account dashboard
Click image to enlarge

  


Step 3 - Click > Actions tab > View, from your orders page
Click image to enlarge

  


Step 4 - Download theme file, from your order ID page

file name:
   AshVisualTheme-OJS-latest.zip   #OJS Theme Product
Click image to enlarge

  


Step 5 - Extract AshVisualTheme-OJS-latest.zip file, following are the contents of the file

folder:
   additional_files    #contains html files for custom static pages (*.html)
   document_files      #contains tutorials, license info etc. (*.txt)
   theme_files         #Contains theme files for all versions (*.tar.gz)
Click image to enlarge

  


Step 6 - Download Purchase code as CSV or TXT

Purchase code:
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
Click image to enlarge

     

Installing Theme

Step 1 - Login as administrator on your Open Journal Systems (OJS) website      


Step 2 - Go to -> Settings -> Website Settings -> Plugins -> Upload A New Plugin

Click image to enlarge

  


Step 3 - Upload Theme File

Upload your theme file with the *.tar.gz extension

eg. AshVisualTheme-ojs33-latest.tar.gz

  


Step 4 - On the same page (Website Settings page) -> Plugins -> Installed Plugins

Scroll to the bottom of the page
Checklist to enabling the theme then reload/refresh the page
Activated the Default Theme it's recommended
Click image to enlarge

  


Step 5 - Activate Theme Features

Go to -> Settings -> Website Settings -> Appearance
Scroll to the bottom of the page
Find and fill out the Purchase Code form
Click image to enlarge

  

Click Save then reload/refresh the page
Click image to enlarge