• Welcome to the Chevereto user community!

    Here users from all over the world gather around to learn the latest about Chevereto and contribute with ideas to improve the software.

    Please keep in mind:

    • 😌 This community is user driven. Be polite with other users.
    • 👉 Is required to purchase a Chevereto license to participate in this community (doesn't apply to Pre-sales).
    • 💸 Purchase a Pro Subscription to get access to active software support and faster ticket response times.

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

maxdome

Chevereto Member
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:
426cd452d9a62b370b4803e63c857f6b.jpg


FAQ Page:
bb7f4d2f640b35161cb9c1152622284f.jpg



Good Luck

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

Best Regards:
Gio
 
Last edited:
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
 
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
 
Back
Top