Создаём на сайте раздел FAQ. Вот как это выгладит: Заходим в панель администратора и переходим в раздел "Статьи" (Каталог > Статьи) Нажимаем кнопку "Добавить" и называем "Часто задаваемые вопросы". Далее, в "Описание" статьи, нажимаем "Источник" и вставляем следующий код:
<html><head><link href="catalog/view/javascript/faq/faq.css" rel="stylesheet" type="text/css" /><script src="catalog/view/javascript/faq/faq.js"></script><script>$(document).ready(function() {$("#accordion").accordion({ active: false, collapsible: true, autoHeight: false });});</script></head><body><div class="themes_gallery" id="accordion"><h3><a href="#">Вопрос номер 1</a></h3><div><ol><li>Решение вопроса номер один</li><li>Второй вариант...</li></ol></div><h3><a href="#">Вопрос номер 2</a></h3><div><ul><div class="right">Открываем ссылки в новых окнах <a class="fancybox" href="index.php?route=information/information/info&information_id=3"alt="Политика Безопасности"><b> Политика Безопасности</b></a></ul></div><h3><a href="#">Вопрос номер 3</a></h3><div><iframe width="530" height="330" src="http://www.youtube.com/embed/eXqPYte8tvc" frameborder="0" allowfullscreen></iframe></div><h3><a href="#">Вопрос номер 4</a></h3><div><ul><h3>Показываем картинку ссылкой</h3><a href="http://www.opencart.com/"><img src="http://www.opencart.com/opencart/application/view/image/screenshot_1.png"></a></ul></div></div><p> </p><script type="text/javascript"><!--$('.fancybox').fancybox({width: 560,height: 560,autoDimensions: false});//--></script><body></html>
Внутри архива два файла; скрипт "Аккордион" и таблица со стилями. Распаковываем в папку catalog/view/javascript/faq Если хотите, что бы вкладки выглядели по умолчанию, в самом начале - удалите ссылку на faq.css faq.zip