F-y-o-d-o-r
12/13/2018 - 3:26 PM
tabs
tabs
.faq-wrapper
.faq-wrapper__header-wrapper
button(data-num="one").active Как пользоваться Личным кабинетом
button(data-num="two") Как происходит работа над заказами
button(data-num="three") Вопросы по работе в Личному кабинету
.faq-wrapper__content-wrapper
#one.faq-variant
h3 Как перейти в детали заказа?
.faq-variant__p-wrapper
p На странице с обновлениями (раздел «Главная), либо в разделе «Мои заказы» найдите соответствующий заказ и кликните по его названию.
h3 Как оплатить работу?
.faq-variant__p-wrapper
p Вы можете оплатить заказ следующими способами:
ul
li - В Ленте обновлений (раздел «Главная») найдите нужный заказ и нажмите «оплатить»
li - Справа от Ленты обновлений в статистике по заказам перейдите на вкладку «Ожидает оплаты», выберите нужный заказ и нажмите «Оплатить»
li - В главном меню слева выберите раздел «Мои заказы», далее перейдите на вкладку «Ожидает оплаты», выберите нужный заказ и нажмите «Оплатить»
p После нажатия кнопки «Оплатить», Вам будет предложено несколько вариантов оплаты с подробной инструкцией по совершению платежа.
h3 Как перейти в детали заказа?
.faq-variant__p-wrapper
p Вам нужно перейти на страницу с деталями заказа. Для этого на странице с обновлениями (раздел «Главная), либо в разделе «Мои заказы» найдите заказ, по которому Вы хотите задать вопрос, и кликните по его названию. В появившемся окне введите интересующий вопрос. Как только менеджер ответит на вопрос, на Вашу электронную почту придет уведомление с текстом ответа. Также уведомление будет отображаться в Ленте обновлений (раздел «Главная») в Личном кабинете.
h3 Как перейти в детали заказа?
.faq-variant__p-wrapper
p Как только Ваш заказ будет готов, Вам приходит уведомление на электронную почту и в Личный кабинет (в Ленту обновлений). Вам необходимо будет внести оставшуюся сумму заказа, после этого работа будет доступна для скачивания в Деталях заказа.
h3 Как получить готовый заказ?
.faq-variant__p-wrapper
p Готовая работа станет доступной для скачивания в Вашем личном кабинете в Деталях заказа после 100% оплаты, при желании Вы можете приехать в офис (Москва, Санкт-Петербург, Екатеринбург, Нижний Новгород, Казань, Новосибирск) и забрать работу в распечатанном виде (распечатываем бесплатно).
#two.faq-variant(style='display:none')
h3 Как оплатить работу?
.faq-variant__p-wrapper
p Вы можете оплатить заказ следующими способами:
p - В Ленте обновлений (раздел «Главная») найдите нужный заказ и нажмите «оплатить»
p - Справа от Ленты обновлений в статистике по заказам перейдите на вкладку «Ожидает оплаты», выберите нужный заказ и нажмите «Оплатить»
p - В главном меню слева выберите раздел «Мои заказы», далее перейдите на вкладку «Ожидает оплаты», выберите нужный заказ и нажмите «Оплатить»
p После нажатия кнопки «Оплатить», Вам будет предложено несколько вариантов оплаты с подробной инструкцией по совершению платежа.
#three.faq-variant(style='display:none')
h3 Как получить готовый заказ?
.faq-variant__p-wrapper
p Готовая работа станет доступной для скачивания в Вашем личном кабинете в Деталях заказа после 100% оплаты, при желании Вы можете приехать в офис (Москва, Санкт-Петербург, Екатеринбург, Нижний Новгород, Казань, Новосибирск) и забрать работу в распечатанном виде (распечатываем бесплатно).
h3 Как перейти в детали заказа?
.faq-variant__p-wrapper
p Как только Ваш заказ будет готов, Вам приходит уведомление на электронную почту и в Личный кабинет (в Ленту обновлений). Вам необходимо будет внести оставшуюся сумму заказа, после этого работа будет доступна для скачивания в Деталях заказа.
*************
.faq-wrapper
min-height: 500px
margin: 50px 0 130px 0
@media (max-width: 1368px)
margin: 22px 0 80px 0
&__header-wrapper
display: flex
justify-content: space-between
padding: 0 15px
border-bottom: 1px solid #B6B6B6
@media (max-width: 1368px)
display: block
border-bottom: none
padding: 0
justify-content: center
// @media (max-width: 991px)
// display: flex
// padding: 0 15px
// border-bottom: 1px solid #B6B6B6
button
padding: 0 0 15px
background-color: #fff
font-size: 16px
border-bottom: 2px solid transparent
color: #8B8B8B
@media (max-width: 1368px)
display: block
text-align: center
margin-left: auto
margin-right: auto
padding: 0
margin-bottom: 10px
// @media (max-width: 991px)
// padding: 0 0 15px
// margin-bottom: 0
.active
border-bottom: 2px solid #40297B!important
color: #40297B!important
font-weight: bold!important
&__content-wrapper
padding: 0 137px
@media (max-width: 1368px)
padding: 0
.faq-variant
font-size: 16px
h3
margin-top: 40px
padding: 0 15px 5px
text-align: left
border-bottom: 1px solid #B6B6B6
font-size: 16px
@media (max-width: 1368px)
padding: 0 7px 5px
margin-top: 30px
&__p-wrapper
padding: 0 15px
@media (max-width: 1368px)
padding: 0 7px
**********
$('.faq-wrapper__header-wrapper button').on('click', function(e) {
var x = document.getElementsByClassName('faq-variant');
for (var i = 0; i < x.length; i++) {
x[i].style.display = 'none';
if (x[i].id === $(e.currentTarget).data('num')) {
x[i].style.display = 'block';
$('.faq-wrapper__header-wrapper button').removeClass('active');
$(this).addClass('active');
}
}
});