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 |