Commit 4f786200fac7ffe81d1aef063d539c5ead7681ab

Authored by Alex Savenko
1 parent 14a09168

help changes

Showing 1 changed file with 111 additions and 4 deletions   Show diff stats
frontend/views/site/help.php
1 1 <?php
2   - /**
3   - * @var View $this
4   - */
5   - use yii\base\View;
  2 +/**
  3 + * @var View $this
  4 + */
  5 +use yii\base\View;
6 6 ?>
7 7 <div class="section-box-28-bg">
8 8 <div class="box-wr">
... ... @@ -12,6 +12,7 @@
12 12 </div>
13 13 </div>
14 14  
  15 +<!--
15 16 <div class="section-box">
16 17 <div class="box-wr">
17 18 <div class="box-all">
... ... @@ -32,3 +33,109 @@
32 33 </div>
33 34 </div>
34 35 </div>
  36 +-->
  37 +
  38 +
  39 +<div class="section-box box-new-qwestions">
  40 + <div class="box-wr">
  41 + <div class="box-all">
  42 + <div class="new-title-help">Как обшить балкон вагонкой своими руками:пошаговая инструкция</div>
  43 + <div class="new-txt-help">
  44 + <p><iframe width="560" height="315" src="https://www.youtube.com/embed/Tig9J7GK74Q" frameborder="0" allowfullscreen></iframe></p>
  45 + <p>Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.<br />Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
  46 + </div>
  47 + <div class="qwestion-help-wr">
  48 + <ul>
  49 + <li>
  50 + <div class="questions_a">
  51 + <a href="#"><span>Как обшить балкон вагонкой своими руками: пошаговая инструкция</span></a>
  52 + </div>
  53 + <div class="questions_hide style">
  54 + <div class="questions_answer style">
  55 + <ol class="second_list">
  56 + <li>
  57 + <div class="questions_a">
  58 + <a href="#"><span>Регистрация профиля</span></a>
  59 + </div>
  60 + <div class="questions_hide style">
  61 + <div class="questions_answer style">
  62 + <p>Нажимаем на кнопку “Регистрация” внизу профиля, вводим уникальный свой логин и пароль, вводим email.</p>
  63 + <p><img src="https://lh5.googleusercontent.com/2mCPwarRXWnyN1g4vvEaoKfu-uxxh5L3iGFOpe1ByYpI0IR0sYYJD6Ni2m1dQM6PGxnCAy_2A2rE1i_f5qath1kWNCRsFMhPm4e-JcsfeOPNprNDut0Z0ux49CsP61OkO5CUzsjF" alt=""></p>
  64 + <p>Далее определяемся кто вы, если частное лицо регистрация будет от частного лица либо от компании, функционал немного отличается по отображению. Например, я частное лицо и могу выступать в виде личного исполнителя-фрилансера.</p>
  65 + <p>Ввожу имя “Александр Терещенко”, выбираю город. После ввода трех букв выскакивает автоподсказка, и если города в списке нет, вводите его полное название. Далее вводим проверочный код и сохраняем данные. </p>
  66 + <p><img src="https://lh3.googleusercontent.com/-lUkSScrqgf0uK9f-o2VMlKQ3xrsfWZ1fpuBnw1QRyxzQ_V80XGGYUkrPLo86YamtyAfDBDqsL2nP_oB9WnqIygpSJVkN08WrqosI5PvliINSlG7_WrGtfyM9Mt1tcOVyxOiFptI" alt=""></p>
  67 + <p>На моем примере выбивает ошибку, потому что аккаунт, на котором я буду все показывать, уже заведен в систему. У вас же придет уведомление на почту, что вы зарегистрированы. Уже со своим логином и паролем вы входите на площадку.</p>
  68 + <p>Нажимаете “Вход”, вводите “Логин” и “Пароль”, нажимаете кнопку запомнить, чтобы постоянно не вводить, и заходим в систему. Таким образом, регистрация пользователя в системе пройдена.</p>
  69 + <p><img src="https://lh3.googleusercontent.com/Q_ak4w3X3UdvZ5ae02krSM3yjaxNTSjHhKyUm0XWH9ig4BJifnMSAXHcPOzzLIXZDgMBwXAeT-LU-_aeMWH8B6Y6S8V9qY4nN94JA41rCkTuU2XNyOW6aIOwbNNCusJmw6ksQafu" alt=""></p>
  70 + </div>
  71 + </div>
  72 + </li>
  73 + <li>
  74 + <div class="questions_a">
  75 + <a href="#"><span>Заполнение профиля</span></a>
  76 + </div>
  77 + <div class="questions_hide style">
  78 + <div class="questions_answer style">
  79 + <p>ответ 1-2</p>
  80 + </div>
  81 + </div>
  82 + </li>
  83 + </ol>
  84 + <p></p>
  85 + </div>
  86 + </div>
  87 + </li>
  88 +
  89 + <li>
  90 + <div class="questions_a">
  91 + <a href="#"><span>Как обшить балкон вагонкой своими руками: пошаговая инструкция</span></a>
  92 + </div>
  93 + <div class="questions_hide style">
  94 + <div class="questions_answer style">
  95 + <p>
  96 + Мінімальна сума замовлення в інтернет-магазині становить <span>100 грн.</span> Немає необхідності купувати тільки одну позицію на зазначену суму. На цю суму Ви можете придбати <a target="_blank" href="http://semena.in.ua/">будь-які товари</a>, які Вам необхідні. </p>
  97 + </div>
  98 + </div>
  99 + </li>
  100 + </ul>
  101 + </div>
  102 + <ul class="pagination"><li class="prev disabled"><span>«</span></li>
  103 + <li class="active"><a href="/search/customer?page=1&amp;per-page=5" data-page="0">1</a></li>
  104 + <li><a href="/search/customer?page=2&amp;per-page=5" data-page="1">2</a></li>
  105 + <li class="next"><a href="/search/customer?page=2&amp;per-page=5" data-page="1">»</a></li></ul>
  106 + </div>
  107 + </div>
  108 +</div>
  109 +
  110 +<script>
  111 + $(document).ready(function () {
  112 + $('.qwestion-help-wr>ul>li>.questions_a a').click(function (e) {
  113 + e.preventDefault()
  114 +
  115 + var oldHeight = $(this).parent().parent('li').css('paddingTop')
  116 + oldHeight=oldHeight.replace('px','')
  117 + oldHeight = +oldHeight
  118 +
  119 + oldHeight = oldHeight+21
  120 +
  121 +
  122 +
  123 + $('.qwestion-help-wr ul li').removeClass('active')
  124 + $(this).parent().parent('li').addClass('active')
  125 +
  126 +
  127 + var thisOffset = $(this).parent().parent('li').offset().top
  128 + $('body, html').animate({scrollTop: thisOffset-oldHeight},400);
  129 +
  130 + })
  131 + $('.second_list>li>.questions_a a').click(function (e) {
  132 + e.preventDefault()
  133 + $('.second_list>li').removeClass('active')
  134 + $(this).parent().parent('li').addClass('active')
  135 +
  136 +
  137 + var thisOffset = $(this).parent().parent('li').offset().top
  138 + $('body, html').animate({scrollTop: thisOffset-21-18-18},400);
  139 + })
  140 + })
  141 +</script>
... ...