Merge remote-tracking branch 'origin/master'

Administrator
2 parents 6b067f48 34171297
Showing 6 changed files with 91 additions and 4 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
www/js/main_ru.js
@@ -361,7 +361,6 @@ return array(
     "faq_img3" => "/images/faq/ru/img-3.png",
     "faq_img4" => "/images/faq/ru/img-4.PNG",
     "faq_img5" => "/images/faq/ru/img-5.png",
-
     "faq_img6" => "/images/faq/ru/img-6.png",
     "faq_img7" => "/images/faq/ru/img-7.png",
     "faq_img8" => "/images/faq/ru/img-8.png",
@@ -392,4 +391,6 @@ return array(
 	"error_promo_code_empty_user" => "Промокод требует регистрации",
 	"error_promo_code_empty_email" => "Промокод требует указанный Email в карточке пользователя",
 	"error_promo_code_already_used" => "Данный промокод уже использовался этим пользователем"
+    "open_video_list" => "Раскрыть список",
+    "close_video_list" => "Закрыть список",
 );
 \ No newline at end of file
@@ -417,6 +417,8 @@ return array(
     "faq_j_text1" => "У кожній картці товару вказані всі варіанти фасування цієї позиції, які існують. Професіоналам варто звернути увагу на великі фасовки. Для того, щоб дізнатися про наявність та ціни на професійні упаковки <span>в блоці «Фасовка»</span> необхідно вибрати ту фасовку, яка Вас цікавить (мал. 16). Якщо вона доступна до замовлення, то <span>в графі «Наявність»</span> зеленим кольором буде відображатися «Є в наявності». Але, якщо товар відсутній в даний момент, то в графі «Наявність» буде відображатися фраза «Відсутній» (мал.16,17). При зацікавленності в конкретному товарі, якого зараз немає в наявності, Ви можете зв'язатися з нашими менеджерами за номерами телефону, вказаним на сайті, для уточнення термінів найближчих надходжень і завчасно зарезервувати даний товар. Коли товар з'явиться в наявності, наші менеджери зв'яжуться з Вами для оформлення замовлення.",
     "lang_name" => "ukr",
     "saldo_period" => "за період",
+    "open_video_list" => "Розкрити список",
+    "close_video_list" => "Закрити список",
 	"error_promo_code_is_empty" => "Промокод не вказаний",
 	"error_promo_code_empty_user" => "Промокод потребує реєстрації",
 	"error_promo_code_empty_email" => "Промокод потребує вказаний Email в картці користувача",
@@ -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
@@ -2207,3 +2207,14 @@ 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