View source for How to Installing The OJS - Theme

<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>

<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>
</div>
<div class="container px-0 mt-5">
    <div class="row">
        <div class="col">
            <div class="panel-group bsc_accordion" id="bsc_accordion_0">
                <div class="card">
                    <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
                    </div>
                    <div id="bsc_card_0" class="card-collapse collapse fade show" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_0_header">
                        <div class="card-body">
                            <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
 https://www.ashvisual.com/my-account/ 
&nbsp;&nbsp;
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
&nbsp;&nbsp;
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
&nbsp;&nbsp;
<hr>
'''Step 4''' - Download theme file, from your order ID page
 file name:
 ::AshVisualTheme-OJS-latest.zip   #OJS Theme Product
[[File:Download-theme.png|none|thumb|500x500px|Click image to enlarge]]
&nbsp;&nbsp;
<hr>
'''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)
[[File:Product-content.png|none|thumb|400x400px|Click image to enlarge]]  
&nbsp;&nbsp;
<hr>
'''Step 6''' - Download '''Purchase code as CSV or TXT'''
 Purchase code:
 XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
&nbsp;&nbsp;
&nbsp;&nbsp;
                        </div>
                    </div>
                </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;
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
&nbsp;&nbsp;
<hr>
'''Step 3''' - '''Upload Theme File'''
 Upload your theme file with the '''''*.tar.gz''''' extension
 
 eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
&nbsp;&nbsp;
<hr>
'''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
[[File:EnableTheme.png|none|thumb|500x500px|Click image to enlarge]]
&nbsp;&nbsp;
<hr>
'''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
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
&nbsp;&nbsp;
 '''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
&nbsp;&nbsp;
&nbsp;&nbsp;
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

__INDEX__
__NEWSECTIONLINK__
[[Category:Tutorials]]
[[Category:OJS - Theme]]