Add new basket + moving phone

Dima
1 parent b782c5cb
Showing 6 changed files with 204 additions and 14 deletions Show diff stats
src/app/frontend/views/basket_ru.php
src/app/frontend/views/basket_ua.php
src/app/frontend/views/index.php
www/images/basket/2_4.png
www/js/landing_pages/basket.js
www/js/landing_pages/basket.min.js
@@ -16,6 +16,10 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
     <!-- Optional theme -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>
+    <style>.slick-prev:before,
+        .slick-next:before{color: #f7931e !important;}</style>
 </head>
 <body>
@@ -198,7 +202,7 @@ else
 <div id="block_3">
     <div class="container">
         <div class="col-md-1"></div>
-        <div class="col-md-10">
+        <div class="col-md-10 carousel_preview">
             <div class="col-md-4 basket text-center">
                 <img src="/images/basket/2_1.png" alt="">
                 <div class="name_b h4">БОРЩЕВАЯ КОРЗИНКА</div>
@@ -224,12 +228,22 @@ else
                 <div class="name_b h4">Рассадная корзинка</div>
                 <p class="text-justify">
                     Есть культуры, о выращивании которых следует позаботиться заблаговременно. В «Рассадной корзинке» собраны лучшие гибриды овощей, которые выращиваются с помощью рассадного метода. Здесь вы найдете томаты, перцы, баклажаны и удобрение для рассады, которое стимулирует развитие и рост корневой системы растений, поэтому Ваша рассада будет здоровой и крепкой.
-                    <br>
+                    <br><br>
                 </p>
                 <a class="small_buttom green" id="basket_b_3" >подробнее</a>
                 <a data-group_id="2917" href="javascript:;" class="small_buttom orange buy" href="#">купить</a>
             </div>
+            <div class="col-md-4 basket text-center">
+                <img src="/images/basket/2_4.png" alt="">
+                <div class="name_b h4">Цветочная корзинка</div>
+                <p class="text-justify">
+                    Цветы - это радость для хозяйки. Они украшение Вашего двора, а в букетах - еще и дополнение интерьера. Цветы легко выращивать и так приятно любоваться результатами своего труда. Специально для цветоводов мы создали тематическую корзинку, которая очарует разнообразием однолетников.<br><br><br><br>
+                </p>
+                <a class="small_buttom green" id="basket_b_4" >подробнее</a>
+                <a data-group_id="4306" href="javascript:;" class="small_buttom orange buy" href="#">купить</a>
+            </div>
+
         </div>
     </div>
 </div>
@@ -318,6 +332,43 @@ else
             </div>
         </div>
+        <div style="display: none;" id="basket_4">
+            <div class="col-sm-5 text-center">
+                <img src="/images/basket/2_4.png" alt="">
+                <br><br>
+                <div class="name_b h4">Цветочная корзинка</div>
+                <br>
+                <a data-group_id="4306" class="small_buttom green buy" href="#">Придбати</a>
+                <br>
+            </div>
+            <div class="col-sm-7 text-center">
+                <div class="h4">У «Цветочную корзинку» входят:</div>
+                <p class="text-left">
+                    Астра китайская Арлекин смесь 0,1 г -  1 уп.<br>
+                    Астра китайская Балун розовая 20 шт -  1 уп.<br>
+                    Астра китайская Си Старлет фиолетовая 20 шт -  1 уп.<br>
+                    Астра китайская Ювель смесь 0,1 г -  1 уп.<br>
+                    Брахикома Голубой огонек 0,1 г -  1 уп.<br>
+                    Георгин махровая Помпон смесь 0,1 г -  1 уп.<br>
+                    Ипомея Кружево смесь 0,5 г -  1 уп. <br>
+                    Маттиола двурогая 0,2 г -  1 уп.<br>
+                    Портулак махровый Волшебная сказка смесь 0,2 г -  1 уп.<br>
+                    Подсолнечник махровый Медвежонок 1 г -  1 уп.<br>
+                    Цинния элегантная Бордюр смесь 0,5 г -  1 уп.<br>
+                    Бархатцы пространные Денди 0,2 г -  1 уп.<br>
+                    Бархатцы прямостоячие Поллюкс смесь 0,1 г -  1 уп.<br>
+                    Дельфиниум махровый Магический Фонтан смесь 20 шт -  1 уп.<br>
+                    Ромашка махровая Крейзи Дейзи 30 шт -  1 уп.<br>
+                    Обриета гибридная Скалистая мозаика смесь 0,1 г -  1 уп.<br>
+                    Наперстянка пурпурная смесь 0,1 г -  1 уп.<br>
+                    Цинния элегантная Лилипут смесь 0,5 г -  1 уп.<br>
+                    Цинния элегантная Пеперминт сток смесь 0,5 г -  1 уп.<br>
+                    NPK + микроэлементы - для цветов и комнатных растений, 20 г -  1 уп.<br>
+                    Перчатки латексные L – 1 пара
+                </p>
+            </div>
+        </div>
+
     </div>
 </div>
 <div id="block_5">
@@ -344,11 +395,11 @@ else
             <input type="hidden" name="VotingID" value="1">
             <input type="hidden" name="callback" value="status_api">
-            <label class="label h4 col-sm-4">Томатную
-                <input type="checkbox" name="Value[]" value="Томатную" >
-            </label>
-            <label class="label h4">Цветочную
+            <label class="label h4 col-sm-4">Цветочную
                 <input type="checkbox" name="Value[]" value="Цветочную" >
+            </label>
+            <label class="label h4 ">Корзинка пряностей
+                <input type="checkbox" name="Value[]" value="Корзинка пряностей" >
             </label><br>
             <label class="label h4">Защитную <span class="small">(средства защиты растений и удобрения)</span>
                 <input type="checkbox" name="Value[]" value="Защитную" >
@@ -563,6 +614,44 @@ $pbKey = &#39;e2c4edf8698208c4586fdbcddb0195a5&#39;;
 </script>
 <script type="text/javascript" src="/js/landing_pages/basket.min.js"></script>
 <script type="text/javascript" src="/js/main_ru.js"></script>
+<!-- Carousel -->
+<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
+<script type="text/javascript">
+    $(document).ready(function(){
+        $('.carousel_preview').slick({
+
+            // normal options...
+            infinite: true,
+            slidesToShow: 3,
+            autoplay: true,
+            autoplaySpeed: 2000,
+
+            // the magic
+            responsive: [{
+
+                breakpoint: 1024,
+                settings: {
+                    slidesToShow: 3,
+                    infinite: true
+                }
+
+            }, {
+
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 2,
+                    dots: true
+                }
+
+            }, {
+
+                breakpoint: 580,
+                settings: "unslick" // destroys slick
+
+            }]
+        });
+    });
+</script>
 <script src="/dist/js/cart.js"></script>
 <!-- Google Tag Manager -->
@@ -13,6 +13,10 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
     <!-- Optional theme -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>
+    <style>.slick-prev:before,
+        .slick-next:before{color: #f7931e !important;}</style>
 </head>
 <body>
@@ -197,7 +201,7 @@ else
 <div id="block_3">
 	<div class="container">
     	<div class="col-md-1"></div>
-    	<div class="col-md-10">
+    	<div class="col-md-10 carousel_preview">
             <div class="col-md-4 basket text-center">
                 <img src="/images/basket/2_1.png" alt="">
                 <div class="name_b h4">Борщовий кошик</div>
@@ -226,6 +230,15 @@ else
                 <a class="small_buttom green" id="basket_b_3" >Подробиці</a>
                 <a data-group_id="2917" href="javascript:;" class="small_buttom orange buy" href="#">Придбати</a>
             </div>
+            <div class="col-md-4 basket text-center">
+                <img src="/images/basket/2_4.png" alt="">
+                <div class="name_b h4">Квітковий кошик</div>
+                <p class="text-justify">
+                    Квіти – це радість для господині. Вони прикраса Вашого подвір’я, а в букетах - ще й доповнення інтер’єру.  Квіти легко вирощувати і так приємно милуватися результатами своєї праці.  Спеціально для квітникарів ми створили тематичний кошик, який зачарує різнобарв’ям однорічників.<br><br><br>
+                </p>
+                <a class="small_buttom green" id="basket_b_4" >Подробиці</a>
+                <a data-group_id="4306" href="javascript:;" class="small_buttom orange buy" href="#">Придбати</a>
+            </div>
 		</div>
     </div>
 </div>
@@ -311,6 +324,43 @@ else
             </div>
         </div>
+        <div style="display: none;" id="basket_4">
+            <div class="col-sm-5 text-center">
+                <img src="/images/basket/2_4.png" alt="">
+                <br><br>
+                <div class="name_b h4">Квітковий кошик</div>
+                <br>
+                <a data-group_id="4306" class="small_buttom green buy" href="#">Придбати</a>
+                <br>
+            </div>
+            <div class="col-sm-7 text-center">
+                <div class="h4">У «Квітковий кошик» входять:</div>
+                <p class="text-left">
+                    Айстра китайська Арлекін суміш 0,1 г-  1 уп.<br>
+                    Айстра китайська Балун рожева 20 шт -  1 уп.<br>
+                    Айстра китайська Сі Старлет фіолетова 20 шт -  1 уп.<br>
+                    Айстра китайська Ювель суміш 0,1 г -  1 уп.<br>
+                    Брахікома Блакитний вогник 0,1 г -  1 уп.<br>
+                    Жоржина махрова Помпон суміш 0,1 г -  1 уп.<br>
+                    Іпомея Мереживо суміш 0,5 г -  1 уп.<br>
+                    Матіола дворога 0,2 г -  1 уп.<br>
+                    Портулак махровий Чарівна казка суміш  0,2 г -  1 уп.<br>
+                    Соняшник махровий Ведмежатко 1 г -  1 уп.<br>
+                    Цинія елегантна Бордюр суміш 0,5 г -  1 уп.<br>
+                    Чорнобривці розлогі Денді 0,2 г -  1 уп.<br>
+                    Чорнобривці прямостоячі Поллюкс суміш 0,1 г -  1 уп.<br>
+                    Дельфініум махровий Магічний Фонтан суміш 20 шт -  1 уп.<br>
+                    Ромашка махрова Крейзі Дейзі 30 шт -  1 уп.<br>
+                    Обрієта гібридна Скеляста мозаїка суміш 0,1 г -  1 уп.<br>
+                    Наперстянка пурпурова суміш 0,1 г -  1 уп.<br>
+                    Цинія елегантна Ліліпут суміш 0,5 г -  1 уп.<br>
+                    Цинія елегантна Пепермінт стік суміш 0,5 г -  1 уп.<br>
+                    NPK+ Мікроелементи - для квітів та кімнатних рослин, 20 г -  1 уп.<br>
+                    Рукавиці латексні L -  1 пара
+                </p>
+
+            </div>
+        </div>
 	</div>
 </div>
 <div id="block_5">
@@ -336,11 +386,11 @@ else
             <input type="hidden" name="VotingID" value="1">
             <input type="hidden" name="callback" value="status_api">
-            <label class="label h4 col-sm-4">Томатний
-				<input type="checkbox" name="Value[]" value="Томатную" >
-            </label>
-			<label class="label h4">Квітковий
+			<label class="label h4 col-sm-4">Квітковий
 				<input type="checkbox" name="Value[]" value="Цветочную" >
+            </label>
+            <label class="label h4">Кошик прянощів
+                <input type="checkbox" name="Value[]" value="Корзинка пряностей" >
             </label><br>
 			<label class="label h4">Захисний <span class="small">(засоби захисту рослин і добрива)</span>
 				<input type="checkbox" name="Value[]" value="Защитную" >
@@ -501,6 +551,46 @@ else
 <!-- Latest compiled and minified JavaScript -->
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+<!-- Carousel -->
+<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
+<script type="text/javascript">
+    $(document).ready(function(){
+        $('.carousel_preview').slick({
+
+            // normal options...
+            infinite: true,
+            slidesToShow: 3,
+            autoplay: true,
+            autoplaySpeed: 2000,
+
+
+            // the magic
+            responsive: [{
+
+                breakpoint: 1024,
+                settings: {
+                    slidesToShow: 3,
+                    infinite: true
+                }
+
+            }, {
+
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 2,
+                    dots: true
+                }
+
+            }, {
+
+                breakpoint: 580,
+                settings: "unslick" // destroys slick
+
+            }]
+        });
+    });
+</script>
+
 <?php
 $url = 'http://api.crm.semena.in.ua/';
@@ -94,14 +94,14 @@ $page_title = isset( $page_title ) &amp;&amp; !empty( $page_title ) ? $page_title : &#39;&#39;;
                     </div>
                     <div class="contact_phones">
                         <span class="small_digits">(044)</span><span> 392-43-17</span>
-                        <span class="small_digits">(093)</span><span> 026-86-64</span>
+                        <span class="small_digits">(093)</span><span> 170-18-29</span>
                     </div>
                     <div class="contact_mob_phones">
                         <span class="small_digits">(050)</span><span> 464-48-59</span>
                         <span class="small_digits">(067)</span><span> 464-48-59</span>
                     </div>
                     <div class="contact_mob_phones">
-                        <span class="small_digits">(093)</span><span> 170-18-29</span>
+                        <span class="small_digits">(093)</span><span> 026-86-64</span>
                     <div style="float:right;font-size:12px;margin-right:65px;" class="contact_callback_phones">
                         <a href="<?= $this->seoUrl->setUrl('/callback') ?>" class="callback" title="<?= $t->_("Feedback")?>" id="ajax_simple" data-options="width: 940, height: 400" target="<?= $this->seoUrl->setUrl( $this->url->get([ 'for' => 'callback' ])) ?>" data-type="ajax"><?= $t->_("Feedback")?></a>
                     </div>
@@ -15,6 +15,11 @@ if(tag == &quot;b3&quot;){
     $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
     $("#basket_3").show();
 }
+if(tag == "b4"){
+    $("#block_4").show();
+    $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
+    $("#basket_4").show();
+}
 function status_api(){
     $("#form_voting").hide();
@@ -50,3 +55,9 @@ $(&quot;#basket_b_3&quot;).click(function (e) {
     $("#block_4 > .container>div").hide();
     $("#basket_3").show();
 });
+$("#basket_b_4").click(function (e) {
+    $("#block_4").show();
+    $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
+    $("#block_4 > .container>div").hide();
+    $("#basket_4").show();
+});
-var str=location.href;var tag=str.split("#")[1];if(tag=="b1"){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#basket_1").show()}if(tag=="b2"){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#basket_2").show()}if(tag=="b3"){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#basket_3").show()}function status_api(){$("#form_voting").hide();$("#form_thanks").show()}function status_api_identification(){$("#form_identification_token").hide();$("#form_identification_token_thank").show()}$("#block_6 label").click(function(a){if($(this).children("input").is(":checked")){$(this).css("background-image","url(/images/basket/bg_input_click.png)")}else{$(this).css("background-image","")}});$("#basket_b_1").click(function(a){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#block_4 > .container>div").hide();$("#basket_1").show()});$("#basket_b_2").click(function(a){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#block_4 > .container>div").hide();$("#basket_2").show()});$("#basket_b_3").click(function(a){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#block_4 > .container>div").hide();$("#basket_3").show()});
 \ No newline at end of file
+var str=location.href;var tag=str.split("#")[1];if(tag=="b1"){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#basket_1").show()}if(tag=="b2"){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#basket_2").show()}if(tag=="b3"){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#basket_3").show()}if(tag=="b4"){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#basket_4").show()}function status_api(){$("#form_voting").hide();$("#form_thanks").show()}function status_api_identification(){$("#form_identification_token").hide();$("#form_identification_token_thank").show()}$("#block_6 label").click(function(a){if($(this).children("input").is(":checked")){$(this).css("background-image","url(/images/basket/bg_input_click.png)")}else{$(this).css("background-image","")}});$("#basket_b_1").click(function(a){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#block_4 > .container>div").hide();$("#basket_1").show()});$("#basket_b_2").click(function(a){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#block_4 > .container>div").hide();$("#basket_2").show()});$("#basket_b_3").click(function(a){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#block_4 > .container>div").hide();$("#basket_3").show()});$("#basket_b_4").click(function(a){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#block_4 > .container>div").hide();$("#basket_4").show()});
 \ No newline at end of file