diff --git a/plugins/tps/birzha/components/Sliders.php b/plugins/tps/birzha/components/Sliders.php index ce36176cf..1cd9f8be5 100644 --- a/plugins/tps/birzha/components/Sliders.php +++ b/plugins/tps/birzha/components/Sliders.php @@ -45,6 +45,7 @@ class Sliders extends ComponentBase $this->slider = $this->loadSliders(); $translator = Translator::instance(); $this->lng = $translator->getLocale(); + $this->slidesDisplays = collect($this->slider->slide_items)->pluck('display_time'); } protected function loadSliders() { @@ -57,4 +58,5 @@ class Sliders extends ComponentBase public $slider; public $lng; + public $slidesDisplays; } diff --git a/plugins/tps/birzha/components/sliders/img_slider.htm b/plugins/tps/birzha/components/sliders/img_slider.htm index 183ccc8fa..e494277ef 100644 --- a/plugins/tps/birzha/components/sliders/img_slider.htm +++ b/plugins/tps/birzha/components/sliders/img_slider.htm @@ -6,4 +6,51 @@ {% endfor %} - \ No newline at end of file + + +{% put scripts %} + + + +{% endput %} \ No newline at end of file diff --git a/plugins/tps/birzha/components/sliders/text_slider.htm b/plugins/tps/birzha/components/sliders/text_slider.htm index 5743b257a..1255813f1 100644 --- a/plugins/tps/birzha/components/sliders/text_slider.htm +++ b/plugins/tps/birzha/components/sliders/text_slider.htm @@ -9,25 +9,19 @@
{{ item.slide_title_ru }}
-
- {{ item.slide_text_ru }} -
+ {% endif %} {% if lng == 'en' %}
{{ item.slide_title_en }}
-
- {{ item.slide_text_en }} -
+ {% endif %} {% if lng == 'tm' %}
{{ item.slide_title_tm }}
-
- {{ item.slide_text_tm }} -
+ {% endif %}
@@ -35,4 +29,49 @@
{% endfor %} + + +{% put scripts %} + + + +{% endput %} diff --git a/plugins/tps/birzha/models/slider/fields.yaml b/plugins/tps/birzha/models/slider/fields.yaml index f8f477fcf..a92cd6a21 100644 --- a/plugins/tps/birzha/models/slider/fields.yaml +++ b/plugins/tps/birzha/models/slider/fields.yaml @@ -42,3 +42,7 @@ fields: imageHeight: '80' span: auto type: mediafinder + display_time: + label: 'Display time' + span: auto + type: number diff --git a/themes/birzha/assets/css/main.css b/themes/birzha/assets/css/main.css index 134dbbb95..3c7b72aea 100644 --- a/themes/birzha/assets/css/main.css +++ b/themes/birzha/assets/css/main.css @@ -1734,7 +1734,7 @@ li { display: block !important; } -.slider_item-img::before { +/* .slider_item-img::before { position: absolute; content: ''; top: 0; @@ -1742,8 +1742,7 @@ li { width: 100%; height: 100%; background: rgba(0, 49, 151, .5); - -} +} */ .slider_item-img { position: absolute; @@ -1753,9 +1752,9 @@ li { height: 100%; } -.slick-slide.slick-current .slider_item-img { +/* .slick-slide.slick-current .slider_item-img { animation: slider_img 10s linear; -} +} */ @keyframes slider_img { @@ -1781,10 +1780,18 @@ li { } .slider_title { - font-size: var(--text-32); + /* font-size: var(--text-32); */ + font-size: 18px; font-weight: 700; line-height: 1.4; - margin-bottom: 20px; + /* margin-bottom: 20px; */ + + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; } .slider_text { @@ -1794,19 +1801,15 @@ li { } .slider_content { - text-align: center; color: #fff; z-index: 5; position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -moz-transform: translate(-50%, -50%); - -o-transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); - width: 80%; - + bottom: 0; + left: 0; + width: 100%; + padding: 30px 40px; + background: rgba(0,0,0,.5); + backdrop-filter: blur(3px); } .advert { @@ -7357,15 +7360,6 @@ input::-webkit-calendar-picker-indicator { font-size: 18px; } - .slider_title { - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 4; - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; - } - .slider_text { text-overflow: ellipsis; display: -webkit-box; @@ -7685,7 +7679,7 @@ input::-webkit-calendar-picker-indicator { } .slider_title { - font-size: 20px; + font-size: 16px; } .post_input input, diff --git a/themes/birzha/assets/js/slider.js b/themes/birzha/assets/js/slider.js index 94bee6654..5c1cd8778 100644 --- a/themes/birzha/assets/js/slider.js +++ b/themes/birzha/assets/js/slider.js @@ -1,48 +1,8 @@ // Slider ======================================= -$(".intro_slider").slick({ - slidesToShow: 1, - slidesToScroll: 1, - arrows: true, - autoplay: true, - dots: true, - autoplaySpeed: 3000, - pauseOnHover: false, - infinite: true, - speed: 1000, - fade: true, - adaptiveHeight: false, - lazyLoad: 'ondemand', - cssEase: 'linear', - swipeToSlide: true, - waitForAnimate: false, - draggable: true, -}); - -$(".advert").slick({ - slidesToShow: 1, - slidesToScroll: 1, - arrows: false, - autoplay: true, - dots: true, - autoplaySpeed: 2500, - pauseOnHover: false, - - - infinite: true, - speed: 1000, - fade: false, - adaptiveHeight: false, - lazyLoad: 'ondemand', - - cssEase: 'linear', - swipeToSlide: true, - waitForAnimate: false, - draggable: true, -}); // Detail slider ====================================== $('.detail_photo_box').slick({