IT Help
  • Portfolio
  • Info
  • Kontakt
  • Developer Blog
  • Inwestycje

Accordion na stronie CMS Prestashop

13/6/2017

0 Comments

 
Ikona kod HTML
W pierwszym artykule chcę opisać jak na stronie CMS Prestashop stworzyć 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.
​

0 Comments



Leave a Reply.

    Autor

    Informatyk, programista, pasjonat nowych rozwiązań.


    Archiwa

    Marzec 2019
    Październik 2017
    Lipiec 2017
    Czerwiec 2017


    Kategorie

    Wszystkie


    Kanał RSS


Powered by Create your own unique website with customizable templates.
  • Portfolio
  • Info
  • Kontakt
  • Developer Blog
  • Inwestycje