Slidery

Poniżej jest screen slidera. Adres pod którym można zobaczyć demo https://gmina.proportal.ai.

Poniżej znajduje się przykładowy kod, który dodajemy do layoutu. Ten przykład zawiera możliwość dodania tła z poziomu kodu (plik z grafiką na serwerze do którego podajemy ścieżkę) jak i z poziomu DODATKI - INNE -> BG-Grafika SLIDER.

Aby włączyć ładowanie obrazu tła dynamicznie należy ustawić wartość MainSettingsCMSParam::setCMSParam_bg_slider_dynamic_mode(1); w Pliki ____USTAWIENIA - Nadpisanie - Uniwersalne.

if (MainSettingsCMSParam::getCMSParam_bg_slider_dynamic_mode() != 1){ $imgSizes = [ 1280 => [1900, 300], 768 => [1240, 300], 480 => [768, 250], 0 => [480] ]; $aspectRatios = [ 1280 => [3, 1], 768 => [3, 1], 480 => [2, 1], 0 => [2, 1] ]; $targetImgSrcWidth = 1240; $lazy_loading = 1; $itemImageFilePath = '/live/proportal-gmina/pub-img/bg/3d_city_modeling_concept_animation_tehyut_vstu_in_aae5b2c_2-gpu-up.jpg'; $itemImageFileImgWidth = 2784; $itemImageFileImgHeight = 1728; $itemImageName = ''; $itemImageFileImgWidth = 1240; } <div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider page-layout--pos-relative page-layout--image-bg-placeholder mb-20 "> <div class="page-layotu--image-bg-picture"> if (MainSettingsCMSParam::getCMSParam_bg_slider_dynamic_mode() == 1): [XMS:1593] //BG - Grafika SLIDER - IMG SRC else: echo RenderTemplateSliderMainPictureImage_forLargest($itemImageFilePath, $itemImageFileImgWidth, 0, $targetImgSrcWidth, $imgSizes, $aspectRatios, $itemImageName, $lazy_loading); endif; </div> <div class="page-layout page-layout--pos-relative page-layout-size-1280 pt-100 pb-30 pr-10 pl-10"> [XMS:703] //Banery - _SLIDER - medium - 2 columns - progress - v1 </div> </div>

Slider również może występować bez tła. poniżej przyklad kodu.

<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider page-layout--pos-relative mb-20 "> <div class="page-layout page-layout--pos-relative page-layout-size-1280 pt-100 pb-30 pr-10 pl-10"> [XMS:703] //Banery - _SLIDER - medium - 2 columns - progress - v1 </div> </div>

Poniżej jest screen slidera. Adres pod którym można zobaczyć demo https://szkola.proportal.ai/.

<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider " > <div class="page-layout page-layout--pos-relative page-layout-size-100"> [XMS:701] //Banery - _SLIDER - full screen - v1 </div> </div>

Poniżej jest screen slidera. Adres pod którym można zobaczyć demo https://gmina.proportal.ai/pl/4220/0/demo-strona-glowna-wersja-1.html.

<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " > <div class="page-layout page-layout--pos-relative page-layout-size-1280"> [XMS:702] //Banery - _SLIDER - medium - standard - progress - v1 </div> </div>

Pod tym linkiem możesz znaleźć 18 przykładów tego slidera https://gmina.proportal.ai/pl/4228/0/demo-strona-slider-standard-progress-1.html.

Poniżej znajduje się 18 przykładów slidera. Aby na szybko uruchomić jeden z tych przykładów w domyślej kontrolce przypisanej do domyślnego XMS dla Slidera Standardowego, należy jeden z poniższych kodów wkleić do Kontrolka -> Banery -> _SLIDER - medium - standard - progress - v1.

Kod dla SLIDER 1.

if($module->list): $settingsData_img_src_size_width_default = 1280; $settingsData_img_sizes_matrix = [ 1280 => [1280, 2560], 768 => [1300, 2600], 480 => [768, 1536], 0 => [480] // Domyślnie stosowany najmniejszy ]; $settingsData_img_aspect_ratios_matrix = [ 1280 => [16, 7], 768 => [16, 7], 480 => [16, 7], 0 => [16, 7] // Domyślne proporcje - aspect ratio ]; $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => 'slider-swiper--slide-anim--lb-rt', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect":"coverflow", "coverflowEffect":{ "rotate":30, "stretch":0, "scale":1, "depth":100, "modifier":1, "slideShadows":true }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 1'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 2.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => 'slider-swiper--slide-anim--lb-lt', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect":"cards", "cardsEffect":{ "perSlideOffset":8, "perSlideRotate":2, "rotate":true, "slideShadows":true }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 2'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 3.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => '', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect":"flip", "flipEffect":{ "limitRotation":true, "slideShadows":false }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 3'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 4.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => '', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "fade", "fadeEffect": { "crossFade": true }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 4'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 5.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => '', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "creative", "creativeEffect": { "prev": { "shadow": true, "translate": [0, 0, -400] }, "next": { "translate": ["110%", 0, 0] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 5'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 6.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => '', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "creative", "creativeEffect": { "prev": { "shadow": true, "translate": ["-120%", 0, -500] }, "next": { "shadow": true, "translate": ["120%", 0, -500] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 6'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 7.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => '', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "creativeEffect": { "prev": { "shadow": true, "translate": ["-20%", 0, -1] }, "next": { "translate": ["100%", 0, 0] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 7'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 8.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => '', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "creative", "creativeEffect": { "prev": { "shadow": true, "translate": [0, 0, -800], "rotate": [180, 0, 0] }, "next": { "shadow": true, "translate": [0, 0, -800], "rotate": [-180, 0, 0] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 8'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 9.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => '', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "creative", "creativeEffect": { "prev": { "shadow": true, "translate": ["-125%", 0, -800], "rotate": [0, 0, -90] }, "next": { "shadow": true, "translate": ["125%", 0, -800], "rotate": [0, 0, 90] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 9'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 10.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => '', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "creative", "creativeEffect": { "prev": { "shadow": true, "origin": "left center", "translate": ["-5%", 0, -200], "rotate": [0, 100, 0] }, "next": { "origin": "right center", "translate": ["5%", 0, -200], "rotate": [0, -100, 0] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 10'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 11.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => '', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "cube", "cubeEffect": { "shadow": true, "slideShadows": true, "shadowOffset": 20, "shadowScale": 0.94 }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 11 (eksperymentalny)'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 12.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => 'slider-swiper--slide-anim--lb-rt', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "creative", "creativeEffect": { "prev": { "shadow": true, "translate": [0, 0, -400] }, "next": { "translate": ["100%", 0, 0] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 12'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 13.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => 'slider-swiper--slide-anim--lb-rt', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "creative", "creativeEffect": { "prev": { "shadow": true, "translate": ["-100%", 0, -200] }, "next": { "shadow": true, "translate": ["100%", 0, -200] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 13'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 14.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => 'slider-swiper--slide-anim--zoom-inverse', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "creative", "creativeEffect":{ "prev": { "shadow": false, "translate": ["-100%", 0, -200] }, "next": { "shadow": false, "translate": ["100%", 0, -200] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 14'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 15.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => 'slider-swiper--slide-anim--zoom-inverse', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "creativeEffect": { "prev": { "shadow": true, "translate": ["-20%", 0, -1] }, "next": { "shadow": true, "translate": ["40%", 0, 0] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 15'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 16.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => 'slider-swiper--slide-anim--zoom', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "creative", "creativeEffect": { "prev": { "shadow": true, "translate": [0, 0, -800], "rotate": [180, 0, 0] }, "next": { "shadow": true, "translate": [0, 0, -800], "rotate": [-180, 0, 0] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 16'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 17.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => 'slider-swiper--slide-anim--zoom', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "creative", "creativeEffect": { "prev": { "shadow": true, "translate": ["-125%", 0, -800], "rotate": [0, 0, -90] }, "next": { "shadow": true, "translate": ["125%", 0, -800], "rotate": [0, 0, 90] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 17'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;

Kod dla SLIDER 18.

if($module->list): $settingsDataMap = array( "not_lazy_loading" => 1, "images" => array( "img_src_size_width_default" => $settingsData_img_src_size_width_default, "img_sizes_matrix" => $settingsData_img_sizes_matrix, "img_aspect_ratios_matrix" => $settingsData_img_aspect_ratios_matrix ), "layout" => array( "layout_items_qty" => 5, // clasy animowane: (pamiętaj że nie każda animacja wygląda dobrze w każdym typie slidera) // --> slider-swiper--slide-anim--lb-rt // --> slider-swiper--slide-anim--lb-lt // --> slider-swiper--slide-anim--zoom // --> slider-swiper--slide-anim--zoom-inverse "layout_slider_anim_css" => '', // Animacje CSS "layout_slider_date" => false, // DATA - widoczna - true, niewidoczna - false "layout_slider_date_icon" => false, // DATA IKONA - widoczna - true, niewidoczna - false - to jest paramtetr na kiedyś (w skrajnych przypadkach) "layout_slider_category" => false, // KATEGORIA - widoczna - true, niewidoczna - false "layout_slider_content" => false, // CONTENT - OPIS - widoczna - true, niewidoczna - false "layout_slider_btn" => false, // BUTTON - widoczna - true, niewidoczna - false "layout_slider_progress_line" => true, "layout_slider_overflow" => false, // TRUE - hidden "layout_slider_paggination" => false, "layout_slider_btns_lr_on" => true, // czy włączone przyciski - LEFT - RIGHT --> wtedy w kodzie PHP je usuwamy jeżeli tutaj jest na FALSE "layout_slider_duration_time" => 5, "layout_slider_options" => '{ "slidesPerView":1, "spaceBetween":16, "direction":"horizontal", "zoom":true, "grabCursor":true, "lazy":true, "autoplay":{ "delay":9000, "disableOnInteraction":false }, "centeredSlides":false, "effect": "creative", "creativeEffect": { "prev": { "shadow": true, "origin": "left center", "translate": ["-5%", 0, -200], "rotate": [0, 100, 0] }, "next": { "origin": "right center", "translate": ["5%", 0, -200], "rotate": [0, -100, 0] } }, "breakpoints":{ "768":{ "spaceBetween":32 } } }' //"autoplay": false, ) ); $slides_qty = 1; foreach($module->list as $v){ $slides_qty++; } if ($slides_qty > 0){ // -------------------------------------------------------------------------------- // BANNER - SLIDER - MEDIUM - PROGRESS - standard // najlepiej używać go w umiarkowanej szerokości, np. szerokości kontentu // -------------------------------------------------------------------------------- // plik CSS: ui-cmp-slider-swiper--v-standard-1.css // plik JS: scripts-slider-swiper-init-univ.js $html_slider = ''; $html_slider .= '<div class=" page-layout page-layout-100 page-layout--bg-custom-image-default page-layout--theme-slider pt-20 " >'; //$html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; // $html_slider .= '<h2 style="font-size: 2rem; font-weight: 600; padding: 2rem; border-bottom: 1px solid #ccc; margin-bottom:20px; margin-top: 50px;">'; // $html_slider .= 'SLIDER 18'; // $html_slider .= '</h2>'; //$html_slider .= '</div>'; $html_slider .= '<div class="page-layout page-layout--pos-relative page-layout-size-1280">'; $html_slider .= RenderTemplateSliderSwiperModule_NELAA_Banners_v6($module, $source_type, $settingsDataMap); $html_slider .= '</div>'; $html_slider .= '</div>'; echo $html_slider; // UWAGA! // NELAA - znaczy skrót od News, Events, Locals, Announcements (ogłoszenia), Archive... dodatkowo Gallery // NELAA_Banners - znaczy że to działa jak NELAA ale jest typowo dla modułu Banery } endif;