IT Help
  • Home
  • Ruby on Rails
  • Prestashop
  • Wordpress
  • Portfolio
  • O nas

Accordion na stronie CMS Prestashop

13/6/2017

0 Komentarze

 
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 Komentarze



Odpowiedz

    Autor

    Informatyk, programista, pasjonat nowych rozwiązań.


    Archiwa

    Marzec 2019
    Październik 2017
    Lipiec 2017
    Czerwiec 2017


    Kategorie

    Wszystkie


    Kanał RSS


Wspierane przez Stwórz własną unikalną stronę internetową przy użyciu konfigurowalnych szablonów.
  • Home
  • Ruby on Rails
  • Prestashop
  • Wordpress
  • Portfolio
  • O nas