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:
Step 3 - Upload the 3 files to your Chevereto website (FTP):
if there is no (css) folder please create it.
Step 4 - Edit the header.php file:
Search this code snippet:
Add this code snippet below:
Step 5 - Menu FAQ in homepage
Edit the header.php file:
Search this code snippet:
Add this code snippet below:
Now go to your Homepage web and check it.
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)
2) edit the faq.js file and replace the:
to:
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
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
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");
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: