AshVisual Documentations - User contributions [en]

How to Installing The OJS - Theme

2025-05-30T21:27:18Z

AshVisual:

<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://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'''

'''OJS 3.4.0-0 and earlier''' require the <span class="error">php-exec()</span> function to be enabled in order to install and update plugins. For security reasons, it is recommended to disable this function after the process is complete.

https://github.com/pkp/pkp-lib/issues/6077
</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://ashvisual.com/my-account/
  
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
  
<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]]
  
<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]]
  
<hr>
'''Step 6''' - Download '''License code as CSV or TXT'''
'''License code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</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
  
  
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - '''Upload Theme File'''
Upload your theme file with the '''''*.tar.gz''''' extension

eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
  
<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]]
  
<hr>
'''Step 5''' - Activate Theme Features
Go to -> '''Settings''' -> '''Website Settings''' -> '''Appearance'''

''Scroll to the bottom of the page''
Find and fill out the '''License Code''' form
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
  
'''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</div>
</div>
</div>
</div>

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

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

Development Roadmap Information

2025-05-04T14:10:20Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Development Roadmap</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Development Roadmap</div>
<p>This roadmap provides insight into the progress and future direction of the theme's development, detailing key milestones, expected release dates, and enhancements aimed at improving the user experience, functionality, and performance of the theme. It serves as a guide for both developers and users to understand the vision and timeline for the theme's evolution.</p>
</div>
<hr>
<div class="container px-0 pb-5">
<div class="row">
<div class="col-md-6 py-3">
<div class="card text-dark bg-white">
<div class="card-header">Milestones and Regular Updates</div>
<div class="card-body bg-white">
* Security, Compatibility, Bug fixing and QA
* Cross-browser, Device/responsive and Accessibility testing
* Core theme structure and Performance optimization
* New feature planning and theme purpose
* Wireframing and layout planning
* UI/UX design mockups
* Typography and color schemes
</div>
</div>
</div>

<div class="col-md-6 py-3">
<div class="card text-dark bg-white">
<div class="card-header">Scheduled</div>
<div class="card-body bg-white">
* Theme release for OJS 3.5 (Q1 2025)
* Theme release for OMP 3.3, 3.4 , 3.5 (Q2 2025)
* Theme documentations (Q2 2025)
* Theme release for OPS 3.3, 3.4 , 3.5 (Q4 2025)
</div>
</div>
<div class="py-3">
'''[https://labs.ashvisual.com/ Development Portal]'''
</div>
</div>

</div>
</div>

[[Category:Roadmap]]

Development Roadmap Information

2025-05-04T14:08:56Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Development Roadmap</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Development Roadmap</div>
<p>This roadmap provides insight into the progress and future direction of the theme's development, detailing key milestones, expected release dates, and enhancements aimed at improving the user experience, functionality, and performance of the theme. It serves as a guide for both developers and users to understand the vision and timeline for the theme's evolution.</p>
</div>
<hr>
<div class="container px-0 pb-5">
<div class="row">
<div class="col-md-6 py-3">
<div class="card text-dark bg-white">
<div class="card-header">Milestones and Regular Updates</div>
<div class="card-body bg-white">
* Security, Compatibility, Bug fixing and QA
* Cross-browser, Device/responsive and Accessibility testing
* Core theme structure and Performance optimization
* New feature planning and theme purpose
* Wireframing and layout planning
* UI/UX design mockups
* Typography and color schemes
</div>
</div>
</div>

<div class="col-md-6 py-3">
<div class="card text-dark bg-white">
<div class="card-header">Scheduled</div>
<div class="card-body bg-white">
* Theme release for OJS 3.5 (Q1 2025)
* Theme release for OMP 3.3, 3.4 , 3.5 (Q2 2025)
* Theme documentations (Q2 2025)
* Theme release for OPS 3.3, 3.4 , 3.5 (Q4 2025)
</div>
</div>
</div>

</div>
</div>
'''[https://labs.ashvisual.com/ Development Portal]'''
[[Category:Roadmap]]

How to Installing The OJS - Theme

2025-05-04T14:01:52Z

AshVisual:

<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://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'''

'''OJS 3.3.0-20 and earlier''' require the <span class="error">php-exec()</span> function to be enabled in order to install and update plugins. For security reasons, it is recommended to disable this function after the process is complete.

https://github.com/pkp/pkp-lib/issues/6077
</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://ashvisual.com/my-account/
  
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
  
<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]]
  
<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]]
  
<hr>
'''Step 6''' - Download '''License code as CSV or TXT'''
'''License code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</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
  
  
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - '''Upload Theme File'''
Upload your theme file with the '''''*.tar.gz''''' extension

eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
  
<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]]
  
<hr>
'''Step 5''' - Activate Theme Features
Go to -> '''Settings''' -> '''Website Settings''' -> '''Appearance'''

''Scroll to the bottom of the page''
Find and fill out the '''License Code''' form
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
  
'''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</div>
</div>
</div>
</div>

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

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

How to Installing The OJS - Theme

2025-05-04T14:00:56Z

AshVisual:

<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://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'''

'''OJS 3.3.0-20 and earlier''' require the <span class="error">php-exec()</span> function to be enabled in order to install and update plugins. For security reasons, it is recommended to disable this function after the process is complete.

https://github.com/pkp/pkp-lib/issues/6077
</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://ashvisual.com/my-account/
  
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
  
<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]]
  
<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]]
  
<hr>
'''Step 6''' - Download '''License code as CSV or TXT'''
'''License code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</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
  
  
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - '''Upload Theme File'''
Upload your theme file with the '''''*.tar.gz''''' extension

eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
  
<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]]
  
<hr>
'''Step 5''' - Activate Theme Features
Go to -> '''Settings''' -> '''Website Settings''' -> '''Appearance'''

''Scroll to the bottom of the page''
Find and fill out the '''License Code''' form
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
  
'''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</div>
</div>
</div>
</div>

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

__INDEX__
__NEWSECTIONLINK__
[[index.php?title=Category:Tutorials]]
[[index.php?title=Category:OJS - Theme]]

How to Installing The OJS - Theme

2025-05-04T14:00:23Z

AshVisual:

<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://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'''

OJS 3.3.0-20 and earlier require the <span class="error">php-exec()</span> function to be enabled in order to install and update plugins. For security reasons, it is recommended to disable this function after the process is complete.

https://github.com/pkp/pkp-lib/issues/6077
</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://ashvisual.com/my-account/
  
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
  
<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]]
  
<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]]
  
<hr>
'''Step 6''' - Download '''License code as CSV or TXT'''
'''License code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</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
  
  
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - '''Upload Theme File'''
Upload your theme file with the '''''*.tar.gz''''' extension

eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
  
<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]]
  
<hr>
'''Step 5''' - Activate Theme Features
Go to -> '''Settings''' -> '''Website Settings''' -> '''Appearance'''

''Scroll to the bottom of the page''
Find and fill out the '''License Code''' form
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
  
'''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</div>
</div>
</div>
</div>

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

__INDEX__
__NEWSECTIONLINK__
[[index.php?title=Category:Tutorials]]
[[index.php?title=Category:OJS - Theme]]

How to Installing The OJS - Theme

2025-05-04T12:19:49Z

AshVisual:

<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://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'''

OJS 3.3.0-20 and earlier require the <span class="error">php-exec()</span> function to be enabled in order to install and update plugins. For security reasons, it is recommended to disable this function after the process is complete.
</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://ashvisual.com/my-account/
  
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
  
<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]]
  
<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]]
  
<hr>
'''Step 6''' - Download '''License code as CSV or TXT'''
'''License code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</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
  
  
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - '''Upload Theme File'''
Upload your theme file with the '''''*.tar.gz''''' extension

eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
  
<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]]
  
<hr>
'''Step 5''' - Activate Theme Features
Go to -> '''Settings''' -> '''Website Settings''' -> '''Appearance'''

''Scroll to the bottom of the page''
Find and fill out the '''License Code''' form
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
  
'''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</div>
</div>
</div>
</div>

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

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

How to Installing The OJS - Theme

2025-05-04T11:05:11Z

AshVisual:

<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://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'''

<span class="error">Don't do that!</span>
</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://ashvisual.com/my-account/
  
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
  
<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]]
  
<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]]
  
<hr>
'''Step 6''' - Download '''License code as CSV or TXT'''
'''License code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</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
  
  
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - '''Upload Theme File'''
Upload your theme file with the '''''*.tar.gz''''' extension

eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
  
<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]]
  
<hr>
'''Step 5''' - Activate Theme Features
Go to -> '''Settings''' -> '''Website Settings''' -> '''Appearance'''

''Scroll to the bottom of the page''
Find and fill out the '''License Code''' form
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
  
'''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</div>
</div>
</div>
</div>

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

__INDEX__
__NEWSECTIONLINK__
[[index.php?title=Category:Tutorials]]
[[index.php?title=Category:OJS - Theme]]

How to Installing The OJS - Theme

2025-05-04T11:03:20Z

AshVisual:

<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://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'''

'''<span class="error"> Don't do that!</span>'''
</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://ashvisual.com/my-account/
  
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
  
<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]]
  
<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]]
  
<hr>
'''Step 6''' - Download '''License code as CSV or TXT'''
'''License code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</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
  
  
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - '''Upload Theme File'''
Upload your theme file with the '''''*.tar.gz''''' extension

eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
  
<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]]
  
<hr>
'''Step 5''' - Activate Theme Features
Go to -> '''Settings''' -> '''Website Settings''' -> '''Appearance'''

''Scroll to the bottom of the page''
Find and fill out the '''License Code''' form
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
  
'''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</div>
</div>
</div>
</div>

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

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

How to Installing The OJS - Theme

2025-05-04T11:01:27Z

AshVisual:

<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://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'''

'''<b class="warning"> Don't do that!</b>'''
</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://ashvisual.com/my-account/
  
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
  
<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]]
  
<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]]
  
<hr>
'''Step 6''' - Download '''License code as CSV or TXT'''
'''License code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</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
  
  
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - '''Upload Theme File'''
Upload your theme file with the '''''*.tar.gz''''' extension

eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
  
<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]]
  
<hr>
'''Step 5''' - Activate Theme Features
Go to -> '''Settings''' -> '''Website Settings''' -> '''Appearance'''

''Scroll to the bottom of the page''
Find and fill out the '''License Code''' form
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
  
'''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</div>
</div>
</div>
</div>

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

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

How to Installing The OJS - Theme

2025-05-04T10:58:05Z

AshVisual:

<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://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'''

{{warning}} Don't do that!
</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://ashvisual.com/my-account/
  
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
  
<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]]
  
<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]]
  
<hr>
'''Step 6''' - Download '''License code as CSV or TXT'''
'''License code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</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
  
  
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - '''Upload Theme File'''
Upload your theme file with the '''''*.tar.gz''''' extension

eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
  
<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]]
  
<hr>
'''Step 5''' - Activate Theme Features
Go to -> '''Settings''' -> '''Website Settings''' -> '''Appearance'''

''Scroll to the bottom of the page''
Find and fill out the '''License Code''' form
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
  
'''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</div>
</div>
</div>
</div>

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

__INDEX__
__NEWSECTIONLINK__
[[index.php?title=Category:Tutorials]]
[[index.php?title=Category:OJS - Theme]]

How to Installing The OJS - Theme

2025-05-04T10:51:27Z

AshVisual:

<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://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'''

{{Caution|1=Here is a long ''Caution'' message, which is sufficiently wordy to run onto a second line on most common screen resolutions, which would normally cause it to wrap round the icon, but because we passed it as a parameter it keeps its left alignment straight.}}
</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://ashvisual.com/my-account/
  
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
  
<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]]
  
<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]]
  
<hr>
'''Step 6''' - Download '''License code as CSV or TXT'''
'''License code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</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
  
  
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - '''Upload Theme File'''
Upload your theme file with the '''''*.tar.gz''''' extension

eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
  
<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]]
  
<hr>
'''Step 5''' - Activate Theme Features
Go to -> '''Settings''' -> '''Website Settings''' -> '''Appearance'''

''Scroll to the bottom of the page''
Find and fill out the '''License Code''' form
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
  
'''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</div>
</div>
</div>
</div>

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

__INDEX__
__NEWSECTIONLINK__
[[index.php?title=Category:Tutorials]]
[[index.php?title=Category:OJS - Theme]]

How to Installing The OJS - Theme

2025-05-04T10:48:20Z

AshVisual:

<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://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'''

'''sfsfsdfs'''
</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://ashvisual.com/my-account/
  
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
  
<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]]
  
<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]]
  
<hr>
'''Step 6''' - Download '''License code as CSV or TXT'''
'''License code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</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
  
  
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - '''Upload Theme File'''
Upload your theme file with the '''''*.tar.gz''''' extension

eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
  
<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]]
  
<hr>
'''Step 5''' - Activate Theme Features
Go to -> '''Settings''' -> '''Website Settings''' -> '''Appearance'''

''Scroll to the bottom of the page''
Find and fill out the '''License Code''' form
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
  
'''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</div>
</div>
</div>
</div>

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

__INDEX__
__NEWSECTIONLINK__
[[index.php?title=Category:Tutorials]]
[[index.php?title=Category:OJS - Theme]]

Development Roadmap Information

2025-05-04T10:35:10Z

AshVisual:

Development Roadmap Information

2025-05-04T10:32:00Z

AshVisual:

Development Roadmap Information

2025-05-04T10:30:37Z

AshVisual:

Development Roadmap Information

2025-05-04T10:27:58Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Development Roadmap</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Development Roadmap</div>
<p>This roadmap provides insight into the progress and future direction of the theme's development, detailing key milestones, expected release dates, and enhancements aimed at improving the user experience, functionality, and performance of the theme. It serves as a guide for both developers and users to understand the vision and timeline for the theme's evolution.</p>
</div>
<hr>
<div class="container px-0 pb-5">
<div class="row">
<div class="col-md-4 py-3">
<div class="card text-dark bg-white">
<div class="card-header">Regular Development</div>
<div class="card-body bg-white">
* Regular updates (security, compatibility)
* Bug fixing and QA
* Cross-browser, Device/responsive and Accessibility testing
* Core theme structure and Performance optimization
</div>
</div>
</div>

<div class="col-md-4 py-3">
<div class="card text-dark bg-white">
<div class="card-header">Milestones</div>
<div class="card-body bg-white">
* New feature planning and theme purpose
* Wireframing and layout planning
* UI/UX design mockups
* Typography and color schemes
</div>
</div>
</div>

<div class="col-md-4 py-3">
<div class="card text-dark bg-white">
<div class="card-header">Scheduled</div>
<div class="card-body bg-white">
* Theme release for OJS 3.5 (Q1 2025)
* Theme release for OMP 3.3, 3.4 , 3.5 (Q2 2025)
* Theme Documentations (Q2 2025)
* Theme release for OPS 3.3, 3.4 , 3.5 (Q4 2025)
</div>
</div>
</div>

</div>
</div>
<hr>
[[Category:Roadmap]]

Development Roadmap Information

2025-05-04T09:57:00Z

AshVisual:

Development Roadmap Information

2025-05-04T09:52:49Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Development Roadmap</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Development Roadmap</div>
<p>This roadmap provides insight into the progress and future direction of the theme's development, detailing key milestones, expected release dates, and enhancements aimed at improving the user experience, functionality, and performance of the theme. It serves as a guide for both developers and users to understand the vision and timeline for the theme's evolution.</p>
</div>
<hr>
<div class="container px-0 pb-5">
<div class="row">
<div class="col-md-4 py-3">
<div class="card text-dark bg-white">
<div class="card-header">[[:Category:OJS_-_Theme|OJS - Theme]]</div>
<div class="card-body bg-white">
* [[How to Installing The OJS - Theme|Installing Theme]]
* [[How to Upgrading The OJS - Theme|Upgrading Theme]]
* [[OJS - Theme Features|Theme Features]]
* [[How to Customize The OJS - Theme|Customize Theme]]
* [[OJS - Theme Compatibility|Compatibility]]
* [[OJS - Theme Common Troubleshooting Issues|Troubleshooting]]
</div>
</div>
</div>

<div class="col-md-4 py-3">
<div class="card text-dark bg-white">
<div class="card-header">[[:Category:OMP_-_Theme|OMP - Theme]]</div>
<div class="card-body bg-white">
* [[How to Installing The OMP - Theme|Installing Theme]]
* [[How to Upgrading The OMP - Theme|Upgrading Theme]]
* [[OMP - Theme Features|Theme Features]]
* [[How to Customize The OMP - Theme|Customize Theme]]
* [[OMP - Theme Compatibility|Compatibility]]
* [[OMP - Theme Common Troubleshooting Issues|Troubleshooting]]
</div>
</div>
</div>

<div class="col-md-4 py-3">
<div class="card text-dark bg-white">
<div class="card-header">[[:Category:OPS_-_Theme|OPS - Theme]]</div>
<div class="card-body bg-white">
* [[How to Installing The OPS - Theme|Installing Theme]]
* [[How to Upgrading The OPS - Theme|Upgrading Theme]]
* [[OPS - Theme Features|Theme Features]]
* [[How to Customize The OPS - Theme|Customize Theme]]
* [[OPS - Theme Compatibility|Compatibility]]
* [[OPS - Theme Common Troubleshooting Issues|Troubleshooting]]
</div>
</div>
</div>

</div>
</div>
[[Category:Roadmap]]

How to Installing The OJS - Theme

2025-05-04T09:29:28Z

AshVisual:

<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://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://ashvisual.com/my-account/
  
<hr>
'''Step 2''' - Click > '''Orders''' tab, from your account dashboard[[File:Myaccount-dashboard.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - Click > '''Actions tab > View''', from your orders page[[File:Orders-page.png|none|thumb|500x500px|Click image to enlarge]]
  
<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]]
  
<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]]
  
<hr>
'''Step 6''' - Download '''License code as CSV or TXT'''
'''License code:'''
XXXXXXX-XXXXX-XXXXX-XXXXX-XXXXXXXXXXX
[[File:Purchase-code.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</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
  
  
<hr>
'''Step 2''' - Go to -> '''Settings''' -> '''Website Settings''' -> '''Plugins''' -> '''Upload A New Plugin'''
[[File:UploadAnewPlugins.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Step 3''' - '''Upload Theme File'''
Upload your theme file with the '''''*.tar.gz''''' extension

eg. '''AshVisualTheme-ojs33-latest.tar.gz'''
  
<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]]
  
<hr>
'''Step 5''' - Activate Theme Features
Go to -> '''Settings''' -> '''Website Settings''' -> '''Appearance'''

''Scroll to the bottom of the page''
Find and fill out the '''License Code''' form
[[File:PurchaseCodeForm.png|none|thumb|500x500px|Click image to enlarge]]
  
'''Click Save''' then reload/refresh the page
[[File:LicenseInfoSuccess.png|none|thumb|500x500px|Click image to enlarge]]
  
  
</div>
</div>
</div>
</div>

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

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

Main Page

2025-03-24T12:58:42Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item active" aria-current="page">Home</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Theme Documentations</div>

<p>This documentation contains tutorials for installing, upgrading, and customizing the AshVisual Themes for OJS (Open Journal Systems), OMP (Open Monograph Press), and OPS (Open Preprint Systems) platforms by PKP (Public Knowledge Project). In general, we provide a complete tutorial here. '''[https://www.ashvisual.com/contact-us/ Contact us]''' if you have any further questions.</p>
</div>

<div class="container px-0 pb-5">
<div class="row">
<div class="col-md-4 py-3">
<div class="card text-dark bg-white">
<div class="card-header">[[:Category:OJS_-_Theme|OJS - Theme]]</div>
<div class="card-body bg-white">
* [[How to Installing The OJS - Theme|Installing Theme]]
* [[How to Upgrading The OJS - Theme|Upgrading Theme]]
* [[OJS - Theme Features|Theme Features]]
* [[How to Customize The OJS - Theme|Customize Theme]]
* [[OJS - Theme Compatibility|Compatibility]]
* [[OJS - Theme Common Troubleshooting Issues|Troubleshooting]]
</div>
</div>
</div>

<div class="col-md-4 py-3">
<div class="card text-dark bg-white">
<div class="card-header">[[:Category:OMP_-_Theme|OMP - Theme]]</div>
<div class="card-body bg-white">
* [[How to Installing The OMP - Theme|Installing Theme]]
* [[How to Upgrading The OMP - Theme|Upgrading Theme]]
* [[OMP - Theme Features|Theme Features]]
* [[How to Customize The OMP - Theme|Customize Theme]]
* [[OMP - Theme Compatibility|Compatibility]]
* [[OMP - Theme Common Troubleshooting Issues|Troubleshooting]]
</div>
</div>
</div>

<div class="col-md-4 py-3">
<div class="card text-dark bg-white">
<div class="card-header">[[:Category:OPS_-_Theme|OPS - Theme]]</div>
<div class="card-body bg-white">
* [[How to Installing The OPS - Theme|Installing Theme]]
* [[How to Upgrading The OPS - Theme|Upgrading Theme]]
* [[OPS - Theme Features|Theme Features]]
* [[How to Customize The OPS - Theme|Customize Theme]]
* [[OPS - Theme Compatibility|Compatibility]]
* [[OPS - Theme Common Troubleshooting Issues|Troubleshooting]]
</div>
</div>
</div>

</div>
</div>
<div class="container px-0 pt-4 border-top">
<div class="fonthead">[[Development Roadmap Information|Development Roadmap<span class="linkfont"> </span>]]</div>
</div>

Main Page

2025-03-24T12:55:44Z

AshVisual:

Main Page

2025-03-23T21:33:44Z

AshVisual:

File:HeaderImagePreview.png

2025-03-23T21:28:26Z

AshVisual:

OJS - Theme Features

2025-03-23T21:28:14Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and their design can significantly influence the user experience and overall visual appeal. The available styles are categorized into four main types: PKP Default, Classic, Creative, and Modern, each offering a unique aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best suits your website’s needs. For example, you might choose a Classic header, a Modern content layout, and a Creative footer to achieve a distinctive and dynamic look. This approach provides greater customization, allowing you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:LayoutStyle.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>We are committed to enhancing the user experience by introducing new visual aesthetics and layouts to suit different design preferences. To keep you informed, you can easily track the progress of these updates by referring to our '''[[Development Roadmap Information|development roadmap]]''', which includes a detailed release schedule outlining when new styles will be available. This will help you stay up to date with the latest improvements and anticipate the next steps in the evolution of the theme.</p>
<p>In the current version of the theme the following styles are available:</p>
# '''PKP Default Theme''', Default theme view of Open Journal Systems platform
# '''The Clasical Style''', Visit '''[https://demo-ojs.ashvisual.com/index.php/ja theme demo website]'''

</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
'''Description'''
<p>This is a default theme feature of Open Journal Systems (OJS); however, we are still presenting it here. This feature allows the journal's summary content to be displayed prominently on the front page, eg. providing visitors with an overview of the journal, including key details such as its focus, scope, and latest updates. By enabling this feature, journal administrators can enhance the accessibility and visibility of important information, ensuring that readers can quickly grasp the essence of the journal upon visiting the site.</p>
<hr>
'''Option Field Type:''' Checkbox
[[File:JournalsSummaryOptions.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
'''Description'''
<p>The article details page will display the complete timeline of the article's journey, including the date it was received, the date it was accepted, and the date it was published. This provides users with a clear understanding of the key milestones in the article's progression, from submission to final publication, ensuring transparency and offering insight into the article's lifecycle.</p>
<hr>
'''Option Field Type:''' Checkbox
[[File:ArticleGenesisOptions.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Preview'''
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
'''Description'''
<p>The article detail and article summary pages will feature information on the number of galley downloads and abstract views, offering valuable insights into the article's engagement. This data will be displayed prominently, allowing users to track the level of interest in the article.</p>
<hr>
'''Option Field Type:''' Radio Select
<div class="row">
<div class="col-md-4">
[[File:StatisticsOptions.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>There are three settings available for how this information is presented:</p>
# '''None''': No data regarding galley downloads or abstract views will be shown on the page.
# '''Basic''': Only a simple count of galley downloads and abstract views will be displayed.
# '''Dimensions''': A more detailed breakdown of the galley downloads and abstract views will be shown

</div>
</div>
<hr>
'''Preview'''
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
'''Description'''
<p>This is a built-in theme feature of Open Journal Systems (OJS); however, we are still presenting it here for clarity and reference. We have adjusted the placement of the header background image to create a more visually appealing and seamless display. These modifications ensure that the image aligns better with the overall design and enhances the user experience. You can view the updated placement and design in the preview to see how it improves the journal’s appearance and readability.</p>
<hr>
'''Option Field Type:''' Checkbox
[[File:HeaderImageOptions.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Preview'''
[[File:HeaderImagePreview.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
</div>

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

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

File:HeaderImageOptions.png

2025-03-23T21:24:42Z

AshVisual:

File:JournalsSummaryOptions.png

2025-03-23T21:24:07Z

AshVisual:

OJS - Theme Features

2025-03-23T21:20:39Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and their design can significantly influence the user experience and overall visual appeal. The available styles are categorized into four main types: PKP Default, Classic, Creative, and Modern, each offering a unique aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best suits your website’s needs. For example, you might choose a Classic header, a Modern content layout, and a Creative footer to achieve a distinctive and dynamic look. This approach provides greater customization, allowing you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:LayoutStyle.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>We are committed to enhancing the user experience by introducing new visual aesthetics and layouts to suit different design preferences. To keep you informed, you can easily track the progress of these updates by referring to our '''[[Development Roadmap Information|development roadmap]]''', which includes a detailed release schedule outlining when new styles will be available. This will help you stay up to date with the latest improvements and anticipate the next steps in the evolution of the theme.</p>
<p>In the current version of the theme the following styles are available:</p>
# '''PKP Default Theme''', Default theme view of Open Journal Systems platform
# '''The Clasical Style''', Visit '''[https://demo-ojs.ashvisual.com/index.php/ja theme demo website]'''

</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
'''Description'''
<p>This is a default theme feature of Open Journal Systems (OJS); however, we are still presenting it here. This feature allows the journal's summary content to be displayed prominently on the front page, eg. providing visitors with an overview of the journal, including key details such as its focus, scope, and latest updates. By enabling this feature, journal administrators can enhance the accessibility and visibility of important information, ensuring that readers can quickly grasp the essence of the journal upon visiting the site.</p>
<hr>
'''Option Field Type:''' Checkbox
[[File:JournalsSummaryOptions.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
'''Description'''
<p>The article details page will display the complete timeline of the article's journey, including the date it was received, the date it was accepted, and the date it was published. This provides users with a clear understanding of the key milestones in the article's progression, from submission to final publication, ensuring transparency and offering insight into the article's lifecycle.</p>
<hr>
'''Option Field Type:''' Checkbox
[[File:ArticleGenesisOptions.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Preview'''
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
'''Description'''
<p>The article detail and article summary pages will feature information on the number of galley downloads and abstract views, offering valuable insights into the article's engagement. This data will be displayed prominently, allowing users to track the level of interest in the article.</p>
<hr>
'''Option Field Type:''' Radio Select
<div class="row">
<div class="col-md-4">
[[File:StatisticsOptions.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>There are three settings available for how this information is presented:</p>
# '''None''': No data regarding galley downloads or abstract views will be shown on the page.
# '''Basic''': Only a simple count of galley downloads and abstract views will be displayed.
# '''Dimensions''': A more detailed breakdown of the galley downloads and abstract views will be shown

</div>
</div>
<hr>
'''Preview'''
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
'''Description'''
<p>This is a built-in theme feature of Open Journal Systems (OJS); however, we are still presenting it here for clarity and reference. We have adjusted the placement of the header background image to create a more visually appealing and seamless display. These modifications ensure that the image aligns better with the overall design and enhances the user experience. You can view the updated placement and design in the preview to see how it improves the journal’s appearance and readability.</p>
<hr>
[[File:HeaderImageOptions.png|none|thumb|Click image to enlarge]]
  
<hr>
'''Preview'''
[[File:HeaderImagePreview.png|none|thumb|Click image to enlarge]]
  
</div>
</div>
</div>
</div>

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

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

OJS - Theme Features

2025-03-19T02:52:14Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and their design can significantly influence the user experience and overall visual appeal. The available styles are categorized into four main types: PKP Default, Classic, Creative, and Modern, each offering a unique aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best suits your website’s needs. For example, you might choose a Classic header, a Modern content layout, and a Creative footer to achieve a distinctive and dynamic look. This approach provides greater customization, allowing you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:LayoutStyle.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>We are committed to enhancing the user experience by introducing new visual aesthetics and layouts to suit different design preferences. To keep you informed, you can easily track the progress of these updates by referring to our '''[[Development Roadmap Information|development roadmap]]''', which includes a detailed release schedule outlining when new styles will be available. This will help you stay up to date with the latest improvements and anticipate the next steps in the evolution of the theme.</p>
<p>In the current version of the theme the following styles are available:</p>
# '''PKP Default Theme''', Default theme view of Open Journal Systems platform
# '''The Clasical Style''', Visit '''[https://demo-ojs.ashvisual.com/index.php/ja theme demo website]'''

</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
'''Description'''
<p>The article details page will display the complete timeline of the article's journey, including the date it was received, the date it was accepted, and the date it was published. This provides users with a clear understanding of the key milestones in the article's progression, from submission to final publication, ensuring transparency and offering insight into the article's lifecycle.</p>
<hr>
'''Option Field Type:''' Checkbox
[[File:ArticleGenesisOptions.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Preview'''
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
'''Description'''
<p>The article detail and article summary pages will feature information on the number of galley downloads and abstract views, offering valuable insights into the article's engagement. This data will be displayed prominently, allowing users to track the level of interest in the article.</p>
<hr>
'''Option Field Type:''' Radio Select
<div class="row">
<div class="col-md-4">
[[File:StatisticsOptions.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>There are three settings available for how this information is presented:</p>
# '''None''': No data regarding galley downloads or abstract views will be shown on the page.
# '''Basic''': Only a simple count of galley downloads and abstract views will be displayed.
# '''Dimensions''': A more detailed breakdown of the galley downloads and abstract views will be shown

</div>
</div>
<hr>
'''Preview'''
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

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

Main Page

2025-03-19T02:51:51Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item active" aria-current="page">Home</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Theme Documentations</div>

<p>This documentation contains tutorials for installing, upgrading, and customizing the AshVisual Themes for OJS (Open Journal Systems), OMP (Open Monograph Press), and OPS (Open Preprint Systems) platforms by PKP (Public Knowledge Project). In general, we provide a complete tutorial here. '''[https://www.ashvisual.com/contact-us/ Contact us]''' if you have any further questions.</p>
</div>

<div class="container px-0 pb-5">
<div class="row">
<div class="col-md-4 py-3">
<div class="card text-dark bg-white">
<div class="card-header">[[:Category:OJS_-_Theme|OJS - Theme]]</div>
<div class="card-body bg-white">
* [[How to Installing The OJS - Theme|Installing Theme]]
* [[How to Upgrading The OJS - Theme|Upgrading Theme]]
* [[How to Customize The OJS - Theme|Customize Theme]]
* [[OJS - Theme Features|Theme Features]]
* [[OJS - Theme Compatibility|Compatibility]]
* [[OJS - Theme Common Troubleshooting Issues|Troubleshooting]]
</div>
</div>
</div>

<div class="col-md-4 py-3">
<div class="card text-dark bg-white">
<div class="card-header">[[:Category:OMP_-_Theme|OMP - Theme]]</div>
<div class="card-body bg-white">
* [[How to Installing The OMP - Theme|Installing Theme]]
* [[How to Upgrading The OMP - Theme|Upgrading Theme]]
* [[How to Customize The OMP - Theme|Customize Theme]]
* [[OMP - Theme Features|Theme Features]]
* [[OMP - Theme Compatibility|Compatibility]]
* [[OMP - Theme Common Troubleshooting Issues|Troubleshooting]]
</div>
</div>
</div>

<div class="col-md-4 py-3">
<div class="card text-dark bg-white">
<div class="card-header">[[:Category:OPS_-_Theme|OPS - Theme]]</div>
<div class="card-body bg-white">
* [[How to Installing The OPS - Theme|Installing Theme]]
* [[How to Upgrading The OPS - Theme|Upgrading Theme]]
* [[How to Customize The OPS - Theme|Customize Theme]]
* [[OPS - Theme Features|Theme Features]].
* [[OPS - Theme Compatibility|Compatibility]]
* [[OPS - Theme Common Troubleshooting Issues|Troubleshooting]]
</div>
</div>
</div>

</div>
</div>
<div class="container px-0 pt-4 border-top">
<div class="fonthead">[[Development Roadmap Information|Development Roadmap<span class="linkfont"> </span>]]</div>
</div>

File:StatisticsOptions.png

2025-03-19T02:49:21Z

AshVisual:

Main Page

2025-03-19T02:47:45Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and their design can significantly influence the user experience and overall visual appeal. The available styles are categorized into four main types: PKP Default, Classic, Creative, and Modern, each offering a unique aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best suits your website’s needs. For example, you might choose a Classic header, a Modern content layout, and a Creative footer to achieve a distinctive and dynamic look. This approach provides greater customization, allowing you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:LayoutStyle.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>We are committed to enhancing the user experience by introducing new visual aesthetics and layouts to suit different design preferences. To keep you informed, you can easily track the progress of these updates by referring to our '''[[Development Roadmap Information|development roadmap]]''', which includes a detailed release schedule outlining when new styles will be available. This will help you stay up to date with the latest improvements and anticipate the next steps in the evolution of the theme.</p>
<p>In the current version of the theme the following styles are available:</p>
# '''PKP Default Theme''', Default theme view of Open Journal Systems platform
# '''The Clasical Style''', Visit '''[https://demo-ojs.ashvisual.com/index.php/ja theme demo website]'''

</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
'''Description'''
<p>The article details page will display the complete timeline of the article's journey, including the date it was received, the date it was accepted, and the date it was published. This provides users with a clear understanding of the key milestones in the article's progression, from submission to final publication, ensuring transparency and offering insight into the article's lifecycle.</p>
<hr>
'''Option Field Type:''' Checkbox
[[File:ArticleGenesisOptions.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Preview'''
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
'''Description'''
<p>The article detail and article summary pages will feature information on the number of galley downloads and abstract views, offering valuable insights into the article's engagement. This data will be displayed prominently, allowing users to track the level of interest in the article.</p>
<hr>
'''Option Field Type:''' Radio Select
<div class="row">
<div class="col-md-4">
[[File:StatisticsOptions.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>There are three settings available for how this information is presented:</p>
# '''None''': No data regarding galley downloads or abstract views will be shown on the page.
# '''Basic''': Only a simple count of galley downloads and abstract views will be displayed.
# '''Dimensions''': A more detailed breakdown of the galley downloads and abstract views will be shown

</div>
</div>
<hr>
'''Preview'''
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

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

Main Page

2025-03-19T02:45:56Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and their design can significantly influence the user experience and overall visual appeal. The available styles are categorized into four main types: PKP Default, Classic, Creative, and Modern, each offering a unique aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best suits your website’s needs. For example, you might choose a Classic header, a Modern content layout, and a Creative footer to achieve a distinctive and dynamic look. This approach provides greater customization, allowing you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:LayoutStyle.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>We are committed to enhancing the user experience by introducing new visual aesthetics and layouts to suit different design preferences. To keep you informed, you can easily track the progress of these updates by referring to our '''[[Development Roadmap Information|development roadmap]]''', which includes a detailed release schedule outlining when new styles will be available. This will help you stay up to date with the latest improvements and anticipate the next steps in the evolution of the theme.</p>
<p>In the current version of the theme the following styles are available:</p>
# '''PKP Default Theme''', Default theme view of Open Journal Systems platform
# '''The Clasical Style''', Visit '''[https://demo-ojs.ashvisual.com/index.php/ja theme demo website]'''

</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
'''Description'''
<p>The article details page will display the complete timeline of the article's journey, including the date it was received, the date it was accepted, and the date it was published. This provides users with a clear understanding of the key milestones in the article's progression, from submission to final publication, ensuring transparency and offering insight into the article's lifecycle.</p>
<hr>
'''Option Field Type:''' Checkbox
[[File:ArticleGenesisOptions.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Preview'''
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
'''Description'''
<p>The article detail and article summary pages will feature information on the number of galley downloads and abstract views, offering valuable insights into the article's engagement. This data will be displayed prominently, allowing users to track the level of interest in the article.</p>
<hr>
'''Option Field Type:''' Radio Select
<div class="row">
<div class="col-md-4">
[[File:StatisticsOptions.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>There are three settings available for how this information is presented:</p>
# '''None''': No data regarding galley downloads or abstract views will be shown on the page.
# '''Basic''': Only a simple count of galley downloads and abstract views will be displayed.
# '''Dimensions''': A more detailed breakdown of the galley downloads and abstract views will be shown

</div>
<hr>
'''Preview'''
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

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

Main Page

2025-03-19T02:36:44Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and their design can significantly influence the user experience and overall visual appeal. The available styles are categorized into four main types: PKP Default, Classic, Creative, and Modern, each offering a unique aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best suits your website’s needs. For example, you might choose a Classic header, a Modern content layout, and a Creative footer to achieve a distinctive and dynamic look. This approach provides greater customization, allowing you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:LayoutStyle.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>We are committed to enhancing the user experience by introducing new visual aesthetics and layouts to suit different design preferences. To keep you informed, you can easily track the progress of these updates by referring to our '''[[Development Roadmap Information|development roadmap]]''', which includes a detailed release schedule outlining when new styles will be available. This will help you stay up to date with the latest improvements and anticipate the next steps in the evolution of the theme.</p>
<p>In the current version of the theme the following styles are available:</p>
# '''PKP Default Theme''', Default theme view of Open Journal Systems platform
# '''The Clasical Style''', Visit '''[https://demo-ojs.ashvisual.com/index.php/ja theme demo website]'''

</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
'''Description'''
<p>The article details page will display the complete timeline of the article's journey, including the date it was received, the date it was accepted, and the date it was published. This provides users with a clear understanding of the key milestones in the article's progression, from submission to final publication, ensuring transparency and offering insight into the article's lifecycle.</p>
<hr>
'''Option Field Type:''' Checkbox
[[File:ArticleGenesisOptions.png|none|thumb|500x500px|Click image to enlarge]]
  
<hr>
'''Preview'''
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
'''Description'''
<p>Displays the number of galley downloads and abstract views on the article detail and article summary pages. there are 3 settings (None, Basic, and Dimensions).</p>
<hr>
'''Preview'''
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

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

Main Page

2025-03-19T02:35:38Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and their design can significantly influence the user experience and overall visual appeal. The available styles are categorized into four main types: PKP Default, Classic, Creative, and Modern, each offering a unique aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best suits your website’s needs. For example, you might choose a Classic header, a Modern content layout, and a Creative footer to achieve a distinctive and dynamic look. This approach provides greater customization, allowing you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:LayoutStyle.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>We are committed to enhancing the user experience by introducing new visual aesthetics and layouts to suit different design preferences. To keep you informed, you can easily track the progress of these updates by referring to our '''[[Development Roadmap Information|development roadmap]]''', which includes a detailed release schedule outlining when new styles will be available. This will help you stay up to date with the latest improvements and anticipate the next steps in the evolution of the theme.</p>
<p>In the current version of the theme the following styles are available:</p>
# '''PKP Default Theme''', Default theme view of Open Journal Systems platform
# '''The Clasical Style''', Visit '''[https://demo-ojs.ashvisual.com/index.php/ja theme demo website]'''

</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
'''Description'''
<p>The article details page will display the complete timeline of the article's journey, including the date it was received, the date it was accepted, and the date it was published. This provides users with a clear understanding of the key milestones in the article's progression, from submission to final publication, ensuring transparency and offering insight into the article's lifecycle.</p>
<hr>
'''Option Field Type:''' Checkbox
[[File:ArticleGenesisOptions.png|none|thumb|Click image to enlarge]]
  
<hr>
'''Preview'''
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
'''Description'''
<p>Displays the number of galley downloads and abstract views on the article detail and article summary pages. there are 3 settings (None, Basic, and Dimensions).</p>
<hr>
'''Preview'''
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

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

File:ArticleGenesisOptions.png

2025-03-19T02:34:41Z

AshVisual:

OJS - Theme Features

2025-03-19T02:33:35Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and their design can significantly influence the user experience and overall visual appeal. The available styles are categorized into four main types: PKP Default, Classic, Creative, and Modern, each offering a unique aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best suits your website’s needs. For example, you might choose a Classic header, a Modern content layout, and a Creative footer to achieve a distinctive and dynamic look. This approach provides greater customization, allowing you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:LayoutStyle.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>We are committed to enhancing the user experience by introducing new visual aesthetics and layouts to suit different design preferences. To keep you informed, you can easily track the progress of these updates by referring to our '''[[Development Roadmap Information|development roadmap]]''', which includes a detailed release schedule outlining when new styles will be available. This will help you stay up to date with the latest improvements and anticipate the next steps in the evolution of the theme.</p>
<p>In the current version of the theme the following styles are available:</p>
# '''PKP Default Theme''', Default theme view of Open Journal Systems platform
# '''The Clasical Style''', Visit '''[https://demo-ojs.ashvisual.com/index.php/ja theme demo website]'''

</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
'''Description'''
<p>The article details page will display the complete timeline of the article's journey, including the date it was received, the date it was accepted, and the date it was published. This provides users with a clear understanding of the key milestones in the article's progression, from submission to final publication, ensuring transparency and offering insight into the article's lifecycle.</p>
<hr>
'''Option Field Type:''' Checkbox
[[File:ArticleGenesisOptions.png|none|thumb|Click image to enlarge]]
  
<hr>
'''Preview'''
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
'''Description'''
<p>Displays the number of galley downloads and abstract views on the article detail and article summary pages. there are 3 settings (None, Basic, and Dimensions).</p>
<hr>
'''Preview'''
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

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

OJS - Theme Features

2025-03-19T02:29:16Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and their design can significantly influence the user experience and overall visual appeal. The available styles are categorized into four main types: PKP Default, Classic, Creative, and Modern, each offering a unique aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best suits your website’s needs. For example, you might choose a Classic header, a Modern content layout, and a Creative footer to achieve a distinctive and dynamic look. This approach provides greater customization, allowing you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:LayoutStyle.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>We are committed to enhancing the user experience by introducing new visual aesthetics and layouts to suit different design preferences. To keep you informed, you can easily track the progress of these updates by referring to our '''[[Development Roadmap Information|development roadmap]]''', which includes a detailed release schedule outlining when new styles will be available. This will help you stay up to date with the latest improvements and anticipate the next steps in the evolution of the theme.</p>
<p>In the current version of the theme the following styles are available:</p>
# '''PKP Default Theme''', Default theme view of Open Journal Systems platform
# '''The Clasical Style''', Visit '''[https://demo-ojs.ashvisual.com/index.php/ja theme demo website]'''

</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
'''Description'''
<p>The article details page will display the complete timeline of the article's journey, including the date it was received, the date it was accepted, and the date it was published. This provides users with a clear understanding of the key milestones in the article's progression, from submission to final publication, ensuring transparency and offering insight into the article's lifecycle.</p>
'''Option Field Type:''' Checkbox
[[File:ArticleGenesisOptions.png|none|thumb|Click image to enlarge]]
  
'''Preview'''
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
<p>Displays the number of galley downloads and abstract views on the article detail and article summary pages. there are 3 settings (None, Basic, and Dimensions).</p>
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

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

OJS - Theme Features

2025-03-19T02:20:29Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and their design can significantly influence the user experience and overall visual appeal. The available styles are categorized into four main types: PKP Default, Classic, Creative, and Modern, each offering a unique aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best suits your website’s needs. For example, you might choose a Classic header, a Modern content layout, and a Creative footer to achieve a distinctive and dynamic look. This approach provides greater customization, allowing you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:LayoutStyle.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>We are committed to enhancing the user experience by introducing new visual aesthetics and layouts to suit different design preferences. To keep you informed, you can easily track the progress of these updates by referring to our '''[[Development Roadmap Information|development roadmap]]''', which includes a detailed release schedule outlining when new styles will be available. This will help you stay up to date with the latest improvements and anticipate the next steps in the evolution of the theme.</p>
<p>In the current version of the theme the following styles are available:</p>
# '''PKP Default Theme''', Default theme view of Open Journal Systems platform
# '''The Clasical Style''', Visit '''[https://demo-ojs.ashvisual.com/index.php/ja theme demo website]'''

</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
<p>Displays the genesis (received, accepted, published) date of the article on the article details page. If activated, genesis will appear as shown in the image below.</p>
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
<p>Displays the number of galley downloads and abstract views on the article detail and article summary pages. there are 3 settings (None, Basic, and Dimensions).</p>
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

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

File:LayoutStyle.png

2025-03-19T02:14:29Z

AshVisual:

Main Page

2025-03-19T02:14:04Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and their design can significantly influence the user experience and overall visual appeal. The available styles are categorized into four main types: PKP Default, Classic, Creative, and Modern, each offering a unique aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best suits your website’s needs. For example, you might choose a Classic header, a Modern content layout, and a Creative footer to achieve a distinctive and dynamic look. This approach provides greater customization, allowing you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:LayoutStyle.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>We are committed to enhancing the user experience by introducing new visual aesthetics and layouts to suit different design preferences. To keep you informed, you can easily track the progress of these updates by referring to our '''[[Development Roadmap Information|development roadmap]]''', which includes a detailed release schedule outlining when new styles will be available. This will help you stay up to date with the latest improvements and anticipate the next steps in the evolution of the theme.</p>
<p>In the current version of the theme the following styles are available:</p>
# '''PKP Default Theme''', Default theme view of Open Journal Systems platform
# '''The Clasical Style''', Visit '''[https://demo-ojs.ashvisual.com/index.php/ja theme demo website]'''

</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
<p>Displays the genesis (received, accepted, published) date of the article on the article details page. If activated, genesis will appear as shown in the image below.</p>
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
<p>Displays the number of galley downloads and abstract views on the article detail and article summary pages. there are 3 settings (None, Basic, and Dimensions).</p>
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

'''Description:'''
Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design

'''Type:'''
Click and choose / Hex code

'''Preview:'''

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

OJS - Theme Features

2025-03-19T02:11:51Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and their design can significantly influence the user experience and overall visual appeal. The available styles are categorized into four main types: PKP Default, Classic, Creative, and Modern, each offering a unique aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best suits your website’s needs. For example, you might choose a Classic header, a Modern content layout, and a Creative footer to achieve a distinctive and dynamic look. This approach provides greater customization, allowing you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:LayoutStyle.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
<p>We are committed to enhancing the user experience by introducing new visual aesthetics and layouts to suit different design preferences. To keep you informed, you can easily track the progress of these updates by referring to our '''[[Development Roadmap Information|development roadmap]]''', which includes a detailed release schedule outlining when new styles will be available. This will help you stay up to date with the latest improvements and anticipate the next steps in the evolution of the theme.</p>
# '''PKP Default Theme''', Default theme view of Open Journal Systems platform
# '''The Clasical Style''', Visit '''[https://demo-ojs.ashvisual.com/index.php/ja theme demo website]'''

</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
<p>Displays the genesis (received, accepted, published) date of the article on the article details page. If activated, genesis will appear as shown in the image below.</p>
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
<p>Displays the number of galley downloads and abstract views on the article detail and article summary pages. there are 3 settings (None, Basic, and Dimensions).</p>
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

'''Description:'''
Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design

'''Type:'''
Click and choose / Hex code

'''Preview:'''

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

OJS - Theme Features

2025-03-17T13:41:09Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|500x500px|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and the way they are designed can greatly influence the user experience and overall visual appeal. The available styles are categorized into three main types: PKP Default, Classic, Creative, and Modern, each offering a unique visual aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best fits your website's needs. For example, you might choose a Classic header with a Modern content layout and a Creative footer to capture a distinctive and dynamic look. This approach allows for greater customization, enabling you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
<p>Displays the genesis (received, accepted, published) date of the article on the article details page. If activated, genesis will appear as shown in the image below.</p>
[[File:ArticleGenesis.png|none|thumb|500x500px|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
<p>Displays the number of galley downloads and abstract views on the article detail and article summary pages. there are 3 settings (None, Basic, and Dimensions).</p>
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|500x500px|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|500x500px|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

'''Description:'''
Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design

'''Type:'''
Click and choose / Hex code

'''Preview:'''

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

OJS - Theme Features

2025-03-17T13:33:16Z

AshVisual: Undo revision 200 by AshVisual (talk)

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and the way they are designed can greatly influence the user experience and overall visual appeal. The available styles are categorized into three main types: PKP Default, Classic, Creative, and Modern, each offering a unique visual aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best fits your website's needs. For example, you might choose a Classic header with a Modern content layout and a Creative footer to capture a distinctive and dynamic look. This approach allows for greater customization, enabling you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
<p>Displays the genesis (received, accepted, published) date of the article on the article details page. If activated, genesis will appear as shown in the image below.</p>
[[File:ArticleGenesis.png|none|thumb|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
<p>Displays the number of galley downloads and abstract views on the article detail and article summary pages. there are 3 settings (None, Basic, and Dimensions).</p>
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

'''Description:'''
Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design

'''Type:'''
Click and choose / Hex code

'''Preview:'''

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

OJS - Theme Features

2025-03-17T13:32:07Z

AshVisual: Undo revision 187 by AshVisual (talk)

OJS - Theme Features

2025-03-17T13:31:02Z

AshVisual: Undo revision 195 by AshVisual (talk)

OJS - Theme Features

2025-03-17T13:25:26Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and the way they are designed can greatly influence the user experience and overall visual appeal. The available styles are categorized into three main types: PKP Default, Classic, Creative, and Modern, each offering a unique visual aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best fits your website's needs. For example, you might choose a Classic header with a Modern content layout and a Creative footer to capture a distinctive and dynamic look. This approach allows for greater customization, enabling you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
<p>Displays the genesis (received, accepted, published) date of the article on the article details page. If activated, genesis will appear as shown in the image below.</p>
[[File:ArticleGenesis.png|none|thumb|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
<p>Displays the number of galley downloads and abstract views on the article detail and article summary pages. there are 3 settings (None, Basic, and Dimensions).</p>
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

'''Description:'''
Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design

'''Type:'''
Click and choose / Hex code

'''Preview:'''

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

OJS - Theme Features

2025-03-17T13:14:41Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-md-6">
[[File:ColourFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-6">
[[File:AccentFeature.png|none|thumb|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-md-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-md-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and the way they are designed can greatly influence the user experience and overall visual appeal. The available styles are categorized into three main types: PKP Default, Classic, Creative, and Modern, each offering a unique visual aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best fits your website's needs. For example, you might choose a Classic header with a Modern content layout and a Creative footer to capture a distinctive and dynamic look. This approach allows for greater customization, enabling you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
<p>Displays the genesis (received, accepted, published) date of the article on the article details page. If activated, genesis will appear as shown in the image below.</p>
[[File:ArticleGenesis.png|none|thumb|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
<p>Displays the number of galley downloads and abstract views on the article detail and article summary pages. there are 3 settings (None, Basic, and Dimensions).</p>
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

</div>
</div>[[File:TypographyFeature.png|none|thumb|en]]</div>

'''Description:'''
Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design

'''Type:'''
Click and choose / Hex code

'''Preview:'''

__INDEX__
__NEWSECTIONLINK__
[[index.php?title=Category:Tutorials]]
[[index.php?title=Category:OJS - Theme]]

OJS - Theme Features

2025-03-17T13:08:53Z

AshVisual:

<div class="container px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">[[Main Page|Home]]</li>
<li class="breadcrumb-item active" aria-current="page">Features for OJS Theme</li>
</ol>
</div>
<div class="container px-0 pt-4">
<div class="fonthead">Features for OJS Theme</div>

<p>The latest version of the Ashvisual theme for Open Journal Systems (OJS) introduces seven innovative features designed to enhance and beautify the visual appearance of your OJS website. These features provide users with customizable options to improve both aesthetics and functionality, ensuring a modern, polished, and user-friendly design. The following is an explanation of these features.</p>
</div>
<div class="container px-0 my-4">
<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">1. Colour, and Accent Colour
</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">
'''Description'''
<p>Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design.</p>
<hr>
'''Option Field Type:''' Click and choose / Hex code
<div class="row">
<div class="col-6">
[[File:ColourFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-6">
[[File:AccentFeature.png|none|thumb|Click image to enlarge]]
</div>
</div>

</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">2. Typography
</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">
'''Description'''
<p>Choose the appropriate font combination that best suits your design and aesthetic preferences. We have carefully curated and provided 9 thoughtfully selected combinations for you to choose from. Each combination is designed to offer a balance of style, readability, and visual appeal, making it easier for you to create a cohesive and professional look for your project. Feel free to explore the options and select the one that best aligns with your vision and the overall tone you want to convey.</p>
<hr>
'''Option Field Type:''' Dropdown Options
<div class="row">
<div class="col-4">
[[File:TypographyFeature.png|none|thumb|Click image to enlarge]]
</div>
<div class="col-8">
# '''Plus Jakarta Sans/Noto Serif:''' The heading uses a plus jakarta sans font, and text uses a serif font
# '''Noto Sans:''' The entire website uses the sans-serif font
# '''Noto Serif:''' The entire website uses the serif font
# '''Noto Serif/Noto Sans:''' The heading uses a serif font, and text uses a sans-serif font
# '''Noto Sans/Noto Serif:''' The heading uses a sans-serif font, and text uses a serif font
# '''Montserrat/Noto Serif:''' The heading uses a montserrat font, and text uses a serif font
# '''Lato:''' The entire website uses the Lato font
# '''Lora:''' The entire website uses the Lora font
# '''Lora/Open Sans:''' The heading uses a Lora font, and text uses Open-sans font
</div>
</div>
</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">3. Header, Content, and Footer Style
</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">
'''Description'''
<p>These sections form the core structure of a website, and the way they are designed can greatly influence the user experience and overall visual appeal. The available styles are categorized into three main types: PKP Default, Classic, Creative, and Modern, each offering a unique visual aesthetic and user experience. Additionally, you have the flexibility to combine these styles to create a hybrid design that best fits your website's needs. For example, you might choose a Classic header with a Modern content layout and a Creative footer to capture a distinctive and dynamic look. This approach allows for greater customization, enabling you to cater to your audience while maintaining a cohesive and engaging design.</p>
<hr>
'''Option Field Type:''' Dropdown Options
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_3" aria-controls="bsc_card_3" aria-expanded="false" id="bsc_card_3_header">4. Journal Summary
</div>
<div id="bsc_card_3" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_3_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_4" aria-controls="bsc_card_4" aria-expanded="false" id="bsc_card_4_header">5. Article Genesis
</div>
<div id="bsc_card_4" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_4_header">
<div class="card-body">
<p>Displays the genesis (received, accepted, published) date of the article on the article details page. If activated, genesis will appear as shown in the image below.</p>
[[File:ArticleGenesis.png|none|thumb|Click image to enlarge]]
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_5" aria-controls="bsc_card_5" aria-expanded="false" id="bsc_card_5_header">6. Citations and Statistics
</div>
<div id="bsc_card_5" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_5_header">
<div class="card-body">
<p>Displays the number of galley downloads and abstract views on the article detail and article summary pages. there are 3 settings (None, Basic, and Dimensions).</p>
# '''None: Disable any statistics'''[[File:NoStats.png|none|thumb|Click image to enlarge]]  
# '''Basic statistics: Displays the number of downloads and views'''[[File:BasicStats.png|none|thumb|Click image to enlarge]]  
# '''Dimensions Statistics AI: Display dimensions citations and statistics'''[[File:DimensionsStats.png|none|thumb|Click image to enlarge]]  
  
</div>
</div>
</div>
<div class="card">
<div class="card-header" data-toggle="collapse" data-target="#bsc_card_6" aria-controls="bsc_card_6" aria-expanded="false" id="bsc_card_6_header">7. Header Background Image
</div>
<div id="bsc_card_6" class="card-collapse collapse fade" data-parent="#bsc_accordion_0" aria-labelledby="bsc_card_6_header">
<div class="card-body">
<p>This content is currently under construction, it will be available in the next few weeks. '''[https://www.ashvisual.com/contact-us/ contact us]''' if you have any further questions.</p>
</div>
</div>
</div>
</div>

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

'''Description:'''
Choose a color for both your primary and secondary color themes to personalize your design, ensuring it aligns with your desired aesthetic. Alternatively, if you have a specific color in mind, you can manually enter the exact hex codes for each color. This allows you to fully customize the color scheme to your exact preferences, giving you more control over the look and feel of your design

'''Type:'''
Click and choose / Hex code

'''Preview:'''

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

File:TypographyFeature.png

2025-03-11T15:34:09Z

AshVisual: