Commit 800ed2af75efe99952f9417ccf799a6e2754a484
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->params['breadcrumbs'][] = $this->title; | @@ -176,7 +177,7 @@ $this->params['breadcrumbs'][] = $this->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->params['breadcrumbs'][] = $this->title; | @@ -489,4 +490,11 @@ $this->params['breadcrumbs'][] = $this->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: " *"; | @@ -513,4 +513,25 @@ div.required:after { content: " *"; | ||
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 |