Commit 800ed2af75efe99952f9417ccf799a6e2754a484

Authored by OlenaKl
1 parent be9d05ee

V

Showing 2 changed files with 76 additions and 47 deletions   Show diff stats
frontend/views/goods/index.php
@@ -15,60 +15,61 @@ $this->params['breadcrumbs'][] = $this->title; @@ -15,60 +15,61 @@ $this->params['breadcrumbs'][] = $this->title;
15 <a href="" class='navigation'>Акамуляторы(АКБ)</a> 15 <a href="" class='navigation'>Акамуляторы(АКБ)</a>
16 <img src="/images/arrow_dots.png"> 16 <img src="/images/arrow_dots.png">
17 <span>Аккумулятор<span class='detail_name'> 0 092 S30 120: BOSCH</span></span> 17 <span>Аккумулятор<span class='detail_name'> 0 092 S30 120: BOSCH</span></span>
18 - <p class="vin_article">Аккумулятор 0 092 S30 120: BOSCH</p>  
19 - <img src="/images/lonh_line.png" class='line'> 18 + <div class="tovar_card">
20 19
21 - <div class="search_span zapchasti"> 20 + <p class="vin_article">Аккумулятор 0 092 S30 120: BOSCH</p>
22 21
23 - <img src="/images/car1.png" id="zapchasti_car">  
24 - <p>Укажите свой автомобиль  
25 - и мы предложим вам  
26 - еще Аккумуляторы (АКБ)</p>  
27 - <div class="selectize_item2"> 22 + <div class="search_span zapchasti">
28 23
  24 + <img src="/images/car1.png" id="zapchasti_car">
  25 + <p>Укажите свой автомобиль
  26 + и мы предложим вам
  27 + еще Аккумуляторы (АКБ)</p>
  28 + <div class="selectize_item2">
29 29
30 - <select class="area">  
31 - <option value="" disabled="" selected="">Марка</option>  
32 - <option value="2">Выбери меня!</option>  
33 - <option value="3">Выбери меня!</option>  
34 - <option value="5">Меня!</option>  
35 - <option value="4">Меня</option>  
36 - </select>  
37 30
38 - </div>  
39 - <button class="purple">Есть еще?</button>  
40 - </div>  
41 - <div class='note'>  
42 - <span id="modal_close_tip"><img src="/images/close_form.png"></span>  
43 - <p>  
44 - У нас есть еще<br>  
45 - 45 Аккумуляторы (АКБ)<br>  
46 - Возможно что-то вам<br>  
47 - подойдет  
48 - </p>  
49 - </div> 31 + <select class="area">
  32 + <option value="" disabled="" selected="">Марка</option>
  33 + <option value="2">Выбери меня!</option>
  34 + <option value="3">Выбери меня!</option>
  35 + <option value="5">Меня!</option>
  36 + <option value="4">Меня</option>
  37 + </select>
50 38
51 - <table class='detail'>  
52 - <tr>  
53 - <td>  
54 - <img src="/images/acamulator_big.png">  
55 - <img src="/images/small_plus.png">  
56 - </td> 39 + </div>
  40 + <button class="purple">Есть еще?</button>
  41 + </div>
  42 + <div class='note'>
  43 + <span id="modal_close_tip"><img src="/images/close_form.png"></span>
  44 + <p>
  45 + У нас есть еще<br>
  46 + 45 Аккумуляторы (АКБ)<br>
  47 + Возможно что-то вам<br>
  48 + подойдет
  49 + </p>
  50 + </div>
57 51
  52 + <table class='detail'>
  53 + <tr>
  54 + <td>
  55 + <img src="/images/acamulator_big.png">
  56 + <img src="/images/small_plus.png">
  57 + </td>
58 58
59 - <td>  
60 - <p class='bold_line'>0 092 S30 120: BOSCH</p>  
61 - <p class="thin_line">12V 88Ah 740A</p>  
62 - <p class='bold_line space'>Емкость, А/Ч:<span class='thin_line'> 88</span></p>  
63 - <p class="bold_line">Полярность: Правая (-/+)</p>  
64 - </td>  
65 - </tr>  
66 - <tr class="galery">  
67 - <td><img src="/images/acamulator_small_gallery.png"><img src="/images/acamulator_small_gallery.png"></td>  
68 - </tr>  
69 - </table>  
70 - <img src="/images/arrow_rounded.png" class='arrow_rounded'>  
71 59
  60 + <td>
  61 + <p class='bold_line'>0 092 S30 120: BOSCH</p>
  62 + <p class="thin_line">12V 88Ah 740A</p>
  63 + <p class='bold_line space'>Емкость, А/Ч:<span class='thin_line'> 88</span></p>
  64 + <p class="bold_line">Полярность: Правая (-/+)</p>
  65 + </td>
  66 + </tr>
  67 + <tr class="galery">
  68 + <td><img src="/images/acamulator_small_gallery.png"><img src="/images/acamulator_small_gallery.png"></td>
  69 + </tr>
  70 + </table>
  71 + <img src="/images/arrow_rounded.png" class='arrow_rounded'>
  72 + </div>
72 73
73 74
74 </div> 75 </div>
@@ -176,7 +177,7 @@ $this-&gt;params[&#39;breadcrumbs&#39;][] = $this-&gt;title; @@ -176,7 +177,7 @@ $this-&gt;params[&#39;breadcrumbs&#39;][] = $this-&gt;title;
176 177
177 </div> 178 </div>
178 <div class="second_section"> 179 <div class="second_section">
179 - <p class="bold_line">12V 88Ah 740A Bosch 0092s30120</p> 180 + <p class="bold_line">Замены искомого производителя</p>
180 <p class="currency1 opposite1" id="dollars">грн</p> 181 <p class="currency1 opposite1" id="dollars">грн</p>
181 <p class="currency1 active_button_purple11" id="grivna">$</p> 182 <p class="currency1 active_button_purple11" id="grivna">$</p>
182 <table class="tovar_table" cellspacing="0" cellpadding="0" border="0"> 183 <table class="tovar_table" cellspacing="0" cellpadding="0" border="0">
@@ -489,4 +490,11 @@ $this-&gt;params[&#39;breadcrumbs&#39;][] = $this-&gt;title; @@ -489,4 +490,11 @@ $this-&gt;params[&#39;breadcrumbs&#39;][] = $this-&gt;title;
489 </div> 490 </div>
490 491
491 </div> 492 </div>
492 -</div>  
493 \ No newline at end of file 493 \ No newline at end of file
  494 +</div>
  495 +<script type="text/javascript">
  496 + $('.button_grey').click(function(){
  497 + $('.tovar_card').toggleClass('tovar_card_visible');
  498 + $('.table').toggleClass('table_height');
  499 + console.log('lasfj')
  500 + });
  501 +</script>
494 \ No newline at end of file 502 \ No newline at end of file
frontend/web/css/main.css
@@ -513,4 +513,25 @@ div.required:after { content: &quot; *&quot;; @@ -513,4 +513,25 @@ div.required:after { content: &quot; *&quot;;
513 513
514 .myprofile .field-changepasswordform-old_pass label, .myprofile .field-changepasswordform-pass label, .myprofile .field-changepasswordform-re_pass label{ 514 .myprofile .field-changepasswordform-old_pass label, .myprofile .field-changepasswordform-pass label, .myprofile .field-changepasswordform-re_pass label{
515 left: 0px!important; 515 left: 0px!important;
  516 +}
  517 +
  518 +.second_section .bold_line{
  519 + margin-top: 13px;
  520 + margin-bottom: -2px;
  521 +}
  522 +
  523 +.button_grey{
  524 + margin-top: -20px;
  525 +}
  526 +
  527 +.table_height{
  528 + height: 0px!important;
  529 + border-bottom: 0px!important;
  530 +}
  531 +.tovar_card_visible{
  532 + display: none;
  533 +}
  534 +
  535 +.table{
  536 + transition: 0.3s;
516 } 537 }
517 \ No newline at end of file 538 \ No newline at end of file