• Purchasing a license grants permission to use the software and to get Tech Support. A license purchase doesn't grant customization support.

How to create your ( FAQ Page ) in your Chevereto Site

maxdome

Core license
License owner
If you want to add a FAQ Page to your website, I'll show you here how to do it.

What should I know before?
a) This Guide show you step by step how to create the costum FAQ page.
b) This guide process is an extra code and has been tested with Chevereto versión 3.6.x
c) After a new updating of Chevereto, you should again follow the steps below.


Step 1 - Zip Archive:
Download file: https://zupics.com/downloads/faqpage.zip

Step 2 - Extract the 3 files:
Code:
faq.js
faq.css
faq.php
Step 3 - Upload the 3 files to your Chevereto website (FTP):
Code:
/lib/Peafowl/css/faq.css
/lib/Peafowl/js/faq.js
app/themes/Peafowl/pages/faq.php
if there is no (css) folder please create it.

Step 4 - Edit the header.php file:
Code:
/app/themes/Peafowl/header.php
Search this code snippet:
Code:
<link rel="apple-touch-icon" href="<?php echo CHV\get_system_image_url(CHV\getSetting('favicon_image')); ?>" sizes="114x114">
Add this code snippet below:
Code:
<!--//Start Custom FAQ Page-->
<link rel="stylesheet" type="text/css" media="all" href="<?php echo G\get_base_url(); ?>/lib/Peafowl/css/faq.css">
<script type="text/javascript" src="<?php echo G\get_base_url(); ?>/lib/Peafowl/js/faq.js"></script>
<!--//End Custom FAQ Page-->
Step 5 - Menu FAQ in homepage
Edit the header.php file:
Code:
/app/themes/Peafowl/header.php
Search this code snippet:
Code:
<li><a href="<?php echo G\get_base_url('page/privacy'); ?>"><?php _se('Privacy'); ?></a></li>
Add this code snippet below:
Code:
<li><a href="<?php echo G\get_base_url('page/faq'); ?>"><?php _se('FAQ'); ?></a></li>

Now go to your Homepage web and check it.

Code:
http://www.yourdomain.com/page/faq
The FAQ (faq.php) file At the moment only 3 lines of text are displayed.

If you want to add more lines follow these steps:
1) Open your faq.php file and create new line with a corresponding number.
e.g. Menu 4: --> (fsb4)

Code:
<!--Start FAQ Menu 4 -->
<p><a href="javascript:void(0)" class="tuhead" onClick="displayfsbs('fsb4')" onFocus="if(this.blur)this.blur()";>
<li><strong>FAQ - Title 4</strong></li> </a> </p>
<div class="tupic" id="fsb4" style="display:none">
FAQ - Description 4
</div>
<!--End FAQ Menu 4 -->
2) edit the faq.js file and replace the:
Code:
var fsbs_array = new Array("fsb1","fsb2","fsb3");
to:
Code:
var fsbs_array = new Array("fsb1","fsb2","fsb3","fsb4");
You can inserte more FAQ lines but remember to add also in the JS file!

This is all

Demo here: https://zupics.com/page/faq

FAQ Menu homepage:


FAQ Page:



Good Luck

If you liked my guide, click the "like" button :)

Best Regards:
Gio
 
Last edited:

Rodolfo

Chevereto Developer
Chevereto Staff
Since v3.6.7 this guide won't work but you can easily create your pages in the admin dashboard. This guide applies for anything before v3.6.7
 

Craig

Core license
License owner
I have created multiple pages in v3.8.0. And they are all accessible when I click 'About'. If the above method no longer works, How can I add separate links in the navigation bar?

Thanks
 
Top