....

Eugeny Galkovskiy
1 parent 9dccb888
Showing 5 changed files with 80 additions and 3 deletions Show diff stats
src/app/frontend/messages/ru.php
src/app/frontend/messages/ua.php
src/app/frontend/views/page/index.php
www/css/main.css
www/js/main.js
@@ -387,4 +387,6 @@ return array(
     "faq_j_text1" => "В каждой карточке товара указаны все варианты фасовки этой позиции, которые существуют. Профессионалам стоит обратить внимание на большие фасовки. Для того, чтобы узнать наличие и цены на профессиональные упаковки <span>в блоке «Фасовка»</span> необходимо выбрать ту фасовку, которая я Вас интересует (рис. 16). Если она доступна к заказу, то <span>в графе «Наличие»</span> зеленым цветом будет отображаться «Есть в наличии». Но, если товар отсутствует в данный момент, то в графе «Наличие» будет отображаться фраза «Отсутствует» (рис.16,17). При интересе к конкретному товару, которого сейчас нет в наличии, Вы можете связаться с нашими менеджерами по номерам телефона, указанным на сайте, для уточнения сроков ближайших поступлений  и заблаговременно зарезервировать данный товар. Когда товар появится в наличии, наши менеджеры свяжутся с Вами для оформления заказа.",
     "lang_name" => "rus",
     "saldo_period" => "за период",
+    "open_video_list" => "Раскрыть список",
+    "close_video_list" => "Закрыть список",
 );
 \ No newline at end of file
@@ -417,4 +417,6 @@ return array(
     "faq_j_text1" => "У кожній картці товару вказані всі варіанти фасування цієї позиції, які існують. Професіоналам варто звернути увагу на великі фасовки. Для того, щоб дізнатися про наявність та ціни на професійні упаковки <span>в блоці «Фасовка»</span> необхідно вибрати ту фасовку, яка Вас цікавить (мал. 16). Якщо вона доступна до замовлення, то <span>в графі «Наявність»</span> зеленим кольором буде відображатися «Є в наявності». Але, якщо товар відсутній в даний момент, то в графі «Наявність» буде відображатися фраза «Відсутній» (мал.16,17). При зацікавленності в конкретному товарі, якого зараз немає в наявності, Ви можете зв'язатися з нашими менеджерами за номерами телефону, вказаним на сайті, для уточнення термінів найближчих надходжень і завчасно зарезервувати даний товар. Коли товар з'явиться в наявності, наші менеджери зв'яжуться з Вами для оформлення замовлення.",
     "lang_name" => "ukr",
     "saldo_period" => "за період",
+    "open_video_list" => "Розкрити список",
+    "close_video_list" => "Закрити список",
 );
 \ No newline at end of file
@@ -255,7 +255,10 @@
             if( !empty( $videos ) )
             {
                 $data_video =
-                    '<div class="video_posts float last">'.
+                    '<div class="video_posts float last small">'.
+                    '<div class="white_list"></div>'.
+                    '<a class="open_list_btn">'.$t->_("open_video_list").'</a>'.
+                    '<a class="close_list_btn">'.$t->_("close_video_list").'</a>'.
                     '<div class="one_video">
                     <iframe class="video_iframe" width="460" height="300" src="'.$videos['0']['video'].'" frameborder="0" allowfullscreen></iframe>
                 </div>';
@@ -279,7 +282,6 @@
             }
             ?>
-
         </div>
     </div>
 </div>
@@ -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
@@ -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