Accordion na stronie CMS Prestashop

W pierwszym artykule chcę opisać jak na stronie CMS Prestashop stwrzyć treść w wyświetlaną jako element interfejsu użytkownika (ang. UI), nazywany "akordeonem".
Na początek prosty przykład, który nie używa jQuey UI, a jedynie klasy Bootstrap Collapse, która jest dostępna w domyślnym szablonie Prestashop 1.6.*.
Tworzymy lub edytujemy stronę: Preferencje > CMS
W edytorze strony CMS Prestashop przełączamy się na widok kodu HTML

​

​i umieszczamy poniższy kod:
Przykład pochodzi z tej strony.

<button data-toggle="collapse" data-target="#demo">Collapsible</button>

<div id="demo" class="collapse">
Lorem ipsum dolor text....
</div>

Zapisujemy i podglądamy.
Jeśli mamy problem z zapisaniem kodu w edytorze to:

1. Wyłączamy HTML Purifier w menu Preferencje > Ogólne
2. Wykonujemy kroki opisane tu: https://mypresta.eu/en/art/prestashop-16/extended-rich-text-editor.html

 
Jeśli wszystko działa, możemy użyć bardziej złożonych przykładów.
Ich wykorzystanie wymaga podstawowej znajomości języka HTML,
​ale pozwala na elastyczne dostosowanie treści strony CMS Prestashop.
​

---