Edytor blokowy opisów PrestaShop - kolumny i treści
Buduj opisy z obrazami i tekstem w responsywnych kolumnach. Rozszerzenie edytora TinyMCE dodaje bloki, separatory, odstępy i cytaty.
Wersje językowe:
Siatka kolumn dostępna w edytorze TinyMCE
Treść dzielisz na kolumny bezpośrednio z poziomu TinyMCE. Możesz zestawić zdjęcie z opisem albo zaplanować kilka sekcji produktowych o różnej szerokości.
Separatory, odstępy i bloki cytatów
Separatory, odstępy i cytaty pomagają wyznaczyć rytm dłuższego opisu. Układ pozostaje częścią treści, którą można później edytować w panelu sklepu.
Kolumny układane jedna pod drugą na telefonie
Na małym ekranie kolumny przechodzą w układ pionowy. Pozwala to przygotować jeden opis, który pozostaje czytelny na komputerze i telefonie.
Dla kogo jest ten moduł?
To rozwiązanie dla osób przygotowujących rozbudowane opisy produktów i treści informacyjne bez ręcznego pisania układu HTML.
Co ustawisz w panelu modułu?
01 / Układ kolumn
Układ kolumn
Breakpoint mobilny
Ustala szerokość ekranu, poniżej której kolumny zajmują pełną szerokość. Wyjątkiem są wiersze oznaczone jako bez łamania.
Odstęp poziomy, pionowy i pod wierszem
Pierwszy rozsuwa kolumny obok siebie. Drugi rozdziela kolumny po zawinięciu w obrębie jednego wiersza. Trzeci odsuwa od siebie całe sekcje.
02 / Ładowanie stylów i zdjęcia
Ładowanie stylów i zdjęcia
CSS na wszystkich stronach i lista kontrolerów
Wybierasz globalne ładowanie stylów lub konkretne typy stron, np. product, category i cms. Lista jest pomijana przy włączonym trybie globalnym.
Lightbox i zakres CSS
Włącza powiększanie zdjęć w treści. Selektor wskazuje kontenery, w których ma działać. Obrazy podlinkowane i mniejsze niż 80 × 80 px są pomijane.
03 / Praca w edytorze
Praca w edytorze
Tryb pełnoekranowy
Dodaje pełnoekranowy edytor z narzędziami TinyMCE, blokami i konspektem sekcji. Możesz go wyłączyć w przypadku konfliktu z edytorem.
Tryb projektowy
Pozwala przesuwać, duplikować i usuwać bloki zamiast edytować tekst wewnątrz nich.
04 / Wygląd bloków
Wygląd bloków
Separator: styl, grubość, kolor, szerokość i margines
Osobno ustawiasz rodzaj linii, jej grubość w pikselach, kolor, udział w szerokości sekcji i odstęp nad oraz pod separatorem.
Odstępy S, M i L
Definiują wysokości gotowych bloków odstępu, używanych podczas składania opisu.
Cytat: akcent i tło
Kolor akcentu dotyczy paska przy cytacie, a kolor tła jego powierzchni. Tło w kolorze strony daje efekt bez wyróżnionej powierzchni.
Cztery tła zdjęć i padding
Adresy grafik tworzą zestaw teł do wyboru. Pusty slot jest nieużywany. Padding określa odległość zdjęcia od krawędzi tła.
