Hi folks.
I've read a few threads on creating an FAQ page, one of which the OP was looking for a styled FAQ page, with headings and questions which, once the question is clicked on, the answer displays below.
Here's how I've achieved it, very simple, yet effective. See the attachment for how this appears - the style (colour, font, etc) can all be styled for your own site.
Create a new content Page, for the Description, click the HTML icon on the WYSIWYG editor to use the HTML Source Editor.
Copy and Paste the following code, changing the styles where it suits your colour scheme, then Save:
```php
General Questions
Do you sell dogs?
Unfortunately not, but we do eat them instead!
What about cats?
I'm afraid not - they don't taste too good either.
Just another lame question?
Well, here's a lame answer.
Delivery Questions
When will my item be delivered?
Sometime soon, hopefully.
Do you deliver to Europe?
If you're a customer and you're willing to pay, why not...
```
[b]NOTE:[/b]
Although I have created this with inline styles (eg.
), I actually integrated these styles with my custom CSS file and referenced the style accordingly (eg.
The 'jschange' value and the 'div id' must match and must also be unique, note the value 'banana' in the example below - it must be unique for each question/answer.
```php
The question goes here
...and the answer goes here
```
I hope this is useful for some others, I have collected the most commonly asked questions for my store and used this effect to create an FAQ page, which has a lot of questions, but appears very slimline.
The 'jschange' value and the 'div id' must match and must also be unique, note the value 'banana' in the example below - it must be unique for each question/answer.
```php The question goes here
...and the answer goes here
```I hope this is useful for some others, I have collected the most commonly asked questions for my store and used this effect to create an FAQ page, which has a lot of questions, but appears very slimline.