Paski przewijane

Istnieją 4 kolory pasków przewijanych dla każdego rodzaju paska. Istnieją 3 rodzaje pasków (górny, pod menu i dolny), każdy w 2 wariantach zachowania (przewijany i rozwijany), w 4 wersjach kolorystycznych. Obecnie używane paski to: pod menu oraz dolny. Z górnym jest problem ponieważ tam mogą występować konflikty w responsywności z uwagi na przykrywanie wzajemne elementów menu itd. Próbowałem to jakoś ogarnąć ale nie dałem rady. Jest to z byt delikatne a dodatkowo może to rodzić nieprzewidzianą lawinę innych problemów przy personalizacji wyglądu.

Pasek niebieski

Pasek czerwony

Pasek pomarańczowy

Pasek pomarańczowy - ciemny

Kolor pasków ustawiany jest w parametrach w panelu admina w Narzędzia -> Parametry.

Dla poszczególnych rodzajów pasków przewijanych, kolor możemy ustawić zmieniając wartość jednego z parametrów np.

• NO_DELETE_ADMIN_PARAM_scroll_info_bottom_color
• NO_DELETE_ADMIN_PARAM_scroll_info_menu_color

Dozwolone wartości to:

• 1 - niebieski
• 2 - czerwony
• 3 - pomarańczowy
• 4 - pomarańczowy ciemny

W tej chwili dobrze działające są 2 rodzaje pasków przewijanych pod menu oraz dolny

Pasek dolny

Pasek pod menu

Każdy z pasków przewijanych ma dwa typy działania / wyświetlania.

• 1 - Wersja z przyciskami pause/play, show/hide
• 2 - Wersja z przyciskami pause/play, rozwiń wszystkie i ewentualnie tekstem (ustawianym z poziomu kontrolki)

1 - Wersja z przyciskami pause/play, show/hide (Pasek dolny)

2 - Wersja z przyciskami pause/play, rozwiń wszystkie i ewentualnie tekstem (ustawianym z poziomu kontrolki) (Pasek dolny)

1 - Wersja z przyciskami pause/play, show/hide (Pasek pod menu)

2 - Wersja z przyciskami pause/play, rozwiń wszystkie i ewentualnie tekstem (ustawianym z poziomu kontrolki) (Pasek pod menu)

O kolorystyce i wszelkich ustawieniach pasków przewijanych decydujemy w 2 miejscach.

Domyślnie ustawienia można zmieniać w panelu admina w Narzędzia -> Parametry. Za pomocą parametrów zmieniamy kolor, prędkość, typ oraz margines dla pasków dolnego i górnego. O marginesie można przeczytać poniżej w rozdziale dot. ustawień.

Parametry dla paska dolnego

• NO_DELETE_ADMIN_PARAM_scroll_info_bottom_body_margin
• NO_DELETE_ADMIN_PARAM_scroll_info_bottom_color
• NO_DELETE_ADMIN_PARAM_scroll_info_bottom_speed
• NO_DELETE_ADMIN_PARAM_scroll_info_bottom_type

Parametry dla paska pod menu

• NO_DELETE_ADMIN_PARAM_scroll_info_menu_color
• NO_DELETE_ADMIN_PARAM_scroll_info_menu_speed
• NO_DELETE_ADMIN_PARAM_scroll_info_menu_type

Czego dotyczy parametr marginesu? W obecnych warunkach, kiedy na dole strony mamy ikony dotyczące RODO oraz DOSTĘPNOŚCI (w tym interfejs czytania), parametr NO_DELETE_ADMIN_PARAM_scroll_info_bottom_body_margin domyślnie ustawiony jest jako 1 (czyli włączony). Gdyby ten parametr miał inną wartość, dolny pasek przykrywałby te ikony lub odwrotnie jak przedstawione na screenie poniżej.

Gdyby istniała konieczność, że w obrębie jednego szablony potrzebowalibyśmy różnych ustawień dla tych pasków, to możemy to zrobić z poziomu Pliki -> ____USTAWIENIA - Nadpisanie - Uniwersalne.

// ------------------------------------------------------------------------ // USTAWIENIA PASKÓW INFORMACYJNYCH // ------------------------------------------------------------------------ // Istnienie tych parametrów jest głównie dla potrzeb proportal.ai // ponieważ ustawienia są jedne ale serwisów jest wiele. // Normalnie dla Klientów $param_alert_scroll_info_overwrite_settings = false; MainSettingsCMSParam::setCMSParam_alert_scroll_info_overwrite_settings(false); // true, false - jeżeli true - to parametry w ustawieniach są ignorowane MainSettingsCMSParam::setCMSParam_alert_version(1); // wyrażony w procentach (%) lewy padding w przewijanych wiadomościach // 100% oznacza że pasek jest pusty, a wiadomości przewijają się z prawej strony do lewej // 50% oznacza że pasek jest na starcie w połowie zapełniony wiadomościami, a wiadomości przewijają się z prawej strony do lewej // 0 oznacza że pasek jest na starcie w całkowicie zapełniowy wiadomościami, a wiadomości przewijają się z prawej strony do lewej MainSettingsCMSParam::setCMSParam_scroll_info_offset(30); // Jeżeli chcesz aby na dole strony został dodany specjalny margines, // który "tworzy" miejsce dla paska przewijanego, to ustaw wartość parametru na 1. // Ten parametr przyjmuje wartości: // 1 - dodaje margines na dole strony, zapobiegający przykrywaniu przez pasek treści w stopce // 0 - brak marginesu MainSettingsCMSParam::setCMSParam_scroll_info_bottom_body_margin(1); // Jeżeli chcesz aby na górze strony został dodany specjalny margines, // który "tworzy" miejsce dla paska przewijanego, to ustaw wartość parametru na 1. // Ten parametr przyjmuje wartości: // 1 - dodaje margines na dole strony, zapobiegający przykrywaniu przez pasek treści w nagłówku // 0 - brak marginesu MainSettingsCMSParam::setCMSParam_scroll_info_top_body_margin(0); // Kolor dolnego przewijanego modułu z informacjami: // Dostępne są 4 wersje: // 1 - niebieski // 2 - czerwony // 3 - pomarańczowy // 4 - pomarańczowy ciemny // ------------------------------------------------------------------------ // SCROLL INFO - paski przewijane MainSettingsCMSParam::setCMSParam_scroll_info_bottom_color(1); MainSettingsCMSParam::setCMSParam_scroll_info_menu_color(1); MainSettingsCMSParam::setCMSParam_scroll_info_top_color(1); // Prędkość przewijania - od 1 do 8 MainSettingsCMSParam::setCMSParam_scroll_info_bottom_speed(1); MainSettingsCMSParam::setCMSParam_scroll_info_menu_speed(1); MainSettingsCMSParam::setCMSParam_scroll_info_top_speed(1); // Typ: // 1 - Wersja z przyciskami pause/play, show/hide // 2 - Wersja z przyciskami pause/play, rozwiń wszystkie i ewentualnie tekstem (ustawianym z poziomu kontrolki) MainSettingsCMSParam::setCMSParam_scroll_info_bottom_type(1); MainSettingsCMSParam::setCMSParam_scroll_info_menu_type(1); MainSettingsCMSParam::setCMSParam_scroll_info_top_type(1);

Ustawiamy wtedy MainSettingsCMSParam::setCMSParam_alert_scroll_info_overwrite_settings(true); na TRUE. Wtedy wszystkie wartości w pozostałych parametrach w tym pliku nadpiszą te z Ustawienia -> Parametry

Treści do pasków dodajemy na podstronach Wiadomości przewijane - dolna część strony, Wiadomości przewijane - pod menu w DODATKI - INFO.

Poniżej znajduje się kilka rodzajów informacji, które możemy umieścic w tych paskach. Niestety należy informacje opatrzeć HTMLem.

// Przykładowy link z informacją <a href="/">Przykładowy link z informacją</a> // Przykładowa informacja, która nie jest linkiem <span>Przykładowa informacje, która nie jest linkiem</span> // Przykładowa informacja, etykieta, info, strzałka <a href=""><span class="info-scrollbar-label">PILNE</span>Przykładowa informacja, etykieta, info, strzałka<span class="info-scrollbar-arrow">→</span></a> // Przykładowa informacja, etykieta, info <a href=""><span class="info-scrollbar-label">PILNE</span>Przykładowa infromacja, etykieta, info</a> // Przykładowa informacja, z podzielnikiem <a href=""><strong>Przykładowa informacja, z podzielnikiem</strong></a><span class="divider" aria-hidden="true">I</span>