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 | 15 | <a href="" class='navigation'>Акамуляторы(АКБ)</a> |
| 16 | 16 | <img src="/images/arrow_dots.png"> |
| 17 | 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 | 75 | </div> |
| ... | ... | @@ -176,7 +177,7 @@ $this->params['breadcrumbs'][] = $this->title; |
| 176 | 177 | |
| 177 | 178 | </div> |
| 178 | 179 | <div class="second_section"> |
| 179 | - <p class="bold_line">12V 88Ah 740A Bosch 0092s30120</p> | |
| 180 | + <p class="bold_line">Замены искомого производителя</p> | |
| 180 | 181 | <p class="currency1 opposite1" id="dollars">грн</p> |
| 181 | 182 | <p class="currency1 active_button_purple11" id="grivna">$</p> |
| 182 | 183 | <table class="tovar_table" cellspacing="0" cellpadding="0" border="0"> |
| ... | ... | @@ -489,4 +490,11 @@ $this->params['breadcrumbs'][] = $this->title; |
| 489 | 490 | </div> |
| 490 | 491 | |
| 491 | 492 | </div> |
| 492 | -</div> | |
| 493 | 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 | 502 | \ No newline at end of file | ... | ... |
frontend/web/css/main.css
| ... | ... | @@ -513,4 +513,25 @@ div.required:after { content: " *"; |
| 513 | 513 | |
| 514 | 514 | .myprofile .field-changepasswordform-old_pass label, .myprofile .field-changepasswordform-pass label, .myprofile .field-changepasswordform-re_pass label{ |
| 515 | 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 | 538 | \ No newline at end of file | ... | ... |