diff --git a/src/app/frontend/messages/ru.php b/src/app/frontend/messages/ru.php index aa52252..bdb7415 100644 --- a/src/app/frontend/messages/ru.php +++ b/src/app/frontend/messages/ru.php @@ -387,4 +387,6 @@ return array( "faq_j_text1" => "В каждой карточке товара указаны все варианты фасовки этой позиции, которые существуют. Профессионалам стоит обратить внимание на большие фасовки. Для того, чтобы узнать наличие и цены на профессиональные упаковки в блоке «Фасовка» необходимо выбрать ту фасовку, которая я Вас интересует (рис. 16). Если она доступна к заказу, то в графе «Наличие» зеленым цветом будет отображаться «Есть в наличии». Но, если товар отсутствует в данный момент, то в графе «Наличие» будет отображаться фраза «Отсутствует» (рис.16,17). При интересе к конкретному товару, которого сейчас нет в наличии, Вы можете связаться с нашими менеджерами по номерам телефона, указанным на сайте, для уточнения сроков ближайших поступлений и заблаговременно зарезервировать данный товар. Когда товар появится в наличии, наши менеджеры свяжутся с Вами для оформления заказа.", "lang_name" => "rus", "saldo_period" => "за период", + "open_video_list" => "Раскрыть список", + "close_video_list" => "Закрыть список", ); \ No newline at end of file diff --git a/src/app/frontend/messages/ua.php b/src/app/frontend/messages/ua.php index fa73863..3fabf90 100644 --- a/src/app/frontend/messages/ua.php +++ b/src/app/frontend/messages/ua.php @@ -417,4 +417,6 @@ return array( "faq_j_text1" => "У кожній картці товару вказані всі варіанти фасування цієї позиції, які існують. Професіоналам варто звернути увагу на великі фасовки. Для того, щоб дізнатися про наявність та ціни на професійні упаковки в блоці «Фасовка» необхідно вибрати ту фасовку, яка Вас цікавить (мал. 16). Якщо вона доступна до замовлення, то в графі «Наявність» зеленим кольором буде відображатися «Є в наявності». Але, якщо товар відсутній в даний момент, то в графі «Наявність» буде відображатися фраза «Відсутній» (мал.16,17). При зацікавленності в конкретному товарі, якого зараз немає в наявності, Ви можете зв'язатися з нашими менеджерами за номерами телефону, вказаним на сайті, для уточнення термінів найближчих надходжень і завчасно зарезервувати даний товар. Коли товар з'явиться в наявності, наші менеджери зв'яжуться з Вами для оформлення замовлення.", "lang_name" => "ukr", "saldo_period" => "за період", + "open_video_list" => "Розкрити список", + "close_video_list" => "Закрити список", ); \ No newline at end of file diff --git a/src/app/frontend/views/page/index.php b/src/app/frontend/views/page/index.php index 636f829..5c04e85 100644 --- a/src/app/frontend/views/page/index.php +++ b/src/app/frontend/views/page/index.php @@ -255,7 +255,10 @@ if( !empty( $videos ) ) { $data_video = - '
'. + '
'. + '
'. + ''.$t->_("open_video_list").''. + ''.$t->_("close_video_list").''. '
'; @@ -279,7 +282,6 @@ } ?> -
diff --git a/www/css/main.css b/www/css/main.css index 6226320..7f54ff4 100644 --- a/www/css/main.css +++ b/www/css/main.css @@ -4034,4 +4034,62 @@ input[type=number] { background-position: -1px 0px; } .not_availiable.rus{background-image: url('/images/asd_ru_01.png');} -.not_availiable.ukr{background-image: url('/images/asd_ua_01.png');} \ No newline at end of file +.not_availiable.ukr{background-image: url('/images/asd_ua_01.png');} + +.video_posts.float.last{ + position: relative; + transition:0.5s; + margin-bottom: 30px; +} +.video_posts.float.last.small{ + height: 400px; + overflow: hidden; + margin-bottom: 0px!important; +} +.video_posts.float.last .white_list{ + z-index: 1; + content: ''; + position: absolute; + width: 100%; + left: 0; + bottom: 50px; + height: 50px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = 'transparent', endColorstr = '#ffffff'); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = 'transparent', endColorstr = '#ffffff')"; + background-image: -moz-linear-gradient(top, transparent, #ffffff); + background-image: -ms-linear-gradient(top, transparent, #ffffff); + background-image: -o-linear-gradient(top, transparent, #ffffff); + background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), to(#ffffff)); + background-image: -webkit-linear-gradient(top, transparent, #ffffff); + background-image: linear-gradient(top, transparent, #ffffff); + transition:0.3s; +} +.video_posts.float.last.small .open_list_btn{ + bottom:0!important; +} +.video_posts .open_list_btn{ + position: absolute; + bottom: -50px; + width: 100%; + text-align: center; + z-index: 2; + font-weight: bold; + padding: 11px 0px 20px 0px; + font-size: 16px; + color: gray; + background-color: rgb(255, 255, 255); + cursor: pointer; +} +.video_posts .close_list_btn{ + position: absolute; + bottom: -50px; + width: 100%; + text-align: center; + z-index: 2; + font-weight: bold; + padding: 11px 0px 20px 0px; + font-size: 16px; + color: gray; + background-color: rgb(255, 255, 255); + cursor: pointer; +} \ No newline at end of file diff --git a/www/js/main.js b/www/js/main.js index a39d961..80181a4 100644 --- a/www/js/main.js +++ b/www/js/main.js @@ -2256,3 +2256,16 @@ function Counter (time, id, lang_id) { } + +/* */ + +$(document).ready(function(){ + $(".open_list_btn").click(function(){ + $(this).parent().find('.white_list').toggleClass('hidden'); + $(this).parent().toggleClass('small'); + }); + $(".close_list_btn").click(function(){ + $(this).parent().find('.white_list').toggleClass('hidden'); + $(this).parent().toggleClass('small'); + }); +}); \ No newline at end of file -- libgit2 0.21.4