Allwebco Design Corporation - Add-On |
Home |
DYNAMIC [View Dynamic FAQ] ![]() |
DYNAMIC FAQ Add-on Setup: This application is intended to be added to any website or any website template. View Dynamic FAQ support page View Allwebco add-ons Outline: (Steps on this page) #1. Unzip and place files and folders. #2. Test. #3. Create new FAQ page. #4. Add Javascript to page head area. #5. Add CSS to page head area. #6. Setup the FAQ. #7. Change/edit options. #8. Troubleshooting. STEP #1: Copy Files | More Details Unzip the "FAQ-Addon.zip" file and place the "FAQ" folder and all files and subfolders in this zip file folder in your main template or website folder. Place the 4 .html pages in this zip file in your main template or website folder with your other HTML pages. Open the "help-popup-FAQ.html" or "help-dynamic-FAQ.html" in your website folder to proceed. STEP #2: Test Dynamic FAQ Open the dynamic FAQ samples page and click on any link on this page. Clicking the links should dynamically open the FAQ answers. If the FAQ links did not work, try copying the "FAQ" folder from the .zip file again into your template or website folder. STEP #3: Create FAQ Page | More Details
STEP #4: Add Javascript Select and copy the following line of code in the box below. Paste this into the head of the new "faq-page.htm" page you have created. Add this code just above the </head> tag in the "faq-page.htm". NOTE: Optionally, if you are adding FAQ links to any of your other pages or in the menu paste this code into all of your HTML pages. Make backups first!!! View the source of the FAQ-dynamic_sample.html to see where to add the code above. STEP #5: OPTIONAL Add CSS This step is optional. If you have a CSS file now in your template or website you may want to skip this step and use your site's default colors. Select and copy the following line of code and paste this into the head of the new "faq-page.htm" page just above the </head> tag in the "faq-page.htm". #5 OPTIONALLY... You can just add this line to the bottom of your template CSS file: .faqlinks { line-height: 22px; } STEP #6: Edit FAQ Page | More Details See the dynamic FAQ support page and also your dynamic FAQ sample page for instructions. Search Engine Notes: You may want to add the following line to your "robots.txt" to keep search engines from indexing the pages in your "FAQ" folder. Disallow: /FAQ/ OPTIONS: ADDING DYNAMIC FAQ LINKS ON OTHER PAGES: | More Help NOTE: Be sure you do step #4 first on all pages that will link to a dynamic FAQ or this will not work. You can add an FAQ link to any existing page or to .js files. To add FAQ links on your existing HTML pages: Select and copy the following code. Then paste this onto any of your HTML pages (Example for FAQ 1): To add an FAQ link in the sidebar.js or other .js file, you can use the following code: NOTE: In some .js files you may need to edit the FAQ width in the "FAQ_dynamic.js". NOTE: If you are adding links to the sidebar.js or need help adding links to your pages, see the following two support pages: Adding page links and also see Adding items to .js files. DYNAMIC FAQ OPTIONS: | More Details There are some options in the FAQ_dynamic.js. The FAQ_dynamic.js can be found in the "FAQ" folder and can be edited with Notepad or any plain text editor. COLOR CHANGES: | Click for more details | More color details The dynamic FAQ add-on features some color code in the "FAQ.css" file. Edit this file in Notepad to change the colors. TROUBLESHOOTING: FAQ not working: If you do the steps above and the FAQ is not working:
|
COPYRIGHT © Allwebco Design Corporation | View Allwebco User Agreement Unauthorized use or sale of this script, images or any files included in this download is strictly prohibited by law. By purchasing this script you are authorized to use this on a single Allwebco template, website or any template from another company. You are also authorized to modify all included files for this single site use. Click here for add-on re-use details and payments. Purchaser is authorized to use any and all files included in the download on a single website. |