Изменение Стандартных Таблиц И Формы Заказа
#1
Отправлено 19 Июнь 2017 - 21:44
Прошу помощи в изменении стандартных таблиц и формы заказа.
Во вложенном файле - примерная картина того, что должно получится на выходе.
Очень надеюсь на помощь, так как сама пыталась разобраться неделю, но не случилось
1. Изменить вид таблицы с товарами таким образом, чтобы были только разделительные полосы (как на фото)
2. Изменить столбцы таблицы на:
2.1 "Товары в Вашей корзине" (выравнивание по левому краю). В этот же столбец вывести "Цена за единицу" под название и характеристики товара.
2.2 "Срок доставки" (по центру). Необходимо чтобы срок доставки выводился в зависимости от наличия товара.Если в наличии, то 1-2 дня, если под заказ, то 3-7 дней.
2.3 "Количество" (по центру), где необходимо изменить вид стрелочек, управляющих количеством
2.4 "Стоимость" (по центру) - общая в зависимости от количества единиц товара
3. Где меняется цвет кнопки "Оформить заказ"? Необходимо изменить ее цвет таким образом, чтобы кнопка "Очистить корзину" по прежнему осталась белой.
4. Изменить форму заказа
4.1.Добавить оранжевый фон под "оформление заказа"
4.2 Добавить строчку "Данные получателя" над формой заполнения ФИО и телефона
4.3 Перенести блок "доставка" справа от блока "данные получателя",еще правее поставить форму "Комментарий"
4.4 Уменьшить блок "способ доставки" и справа от него поместить блок "способ оплаты"
5. Тот же вопрос что и в п.3
#2
Отправлено 19 Июнь 2017 - 23:13
1. Необходимо вывести кнопку "Оплата" , которая будет появляться после согласования заказа, в левый верхний угол над таблицей данных заказа.
2.Справа от кнопки необходимо добавить текст "Ваш заказ согласован
Пожалуйста, оплатите покупки"
3. Таблицу данных заказа сузить, убрать границы, сделать меньше отступ между строками, выровнять по левому краю данные таблицы
4. Если это возможно, будет круто, если мы добавим оранжевую вертикальную полосу вдоль данных заказа
5 "Позиции заказа" перенести наверх справа от "данных заказа", привести таблицу в вид как на фото.
Пожалуйста, помогите!
#3
Отправлено 21 Июнь 2017 - 18:47
baddiru (19 Июнь 2017 - 23:13) писал:
1. Необходимо вывести кнопку "Оплата" , которая будет появляться после согласования заказа, в левый верхний угол над таблицей данных заказа.
2.Справа от кнопки необходимо добавить текст "Ваш заказ согласован
Пожалуйста, оплатите покупки"
3. Таблицу данных заказа сузить, убрать границы, сделать меньше отступ между строками, выровнять по левому краю данные таблицы
4. Если это возможно, будет круто, если мы добавим оранжевую вертикальную полосу вдоль данных заказа
5 "Позиции заказа" перенести наверх справа от "данных заказа", привести таблицу в вид как на фото.
Пожалуйста, помогите!
#4
Отправлено 21 Июнь 2017 - 18:59
baddiru (19 Июнь 2017 - 21:44) писал:
2.2 "Срок доставки" (по центру). Необходимо чтобы срок доставки выводился в зависимости от наличия товара. Если в наличии, то 1-2 дня, если под заказ, то 3-7 дней.
baddiru (19 Июнь 2017 - 21:44) писал:
baddiru (19 Июнь 2017 - 21:44) писал:
#5
Отправлено 22 Июнь 2017 - 22:58
support 2.0 (21 Июнь 2017 - 18:59) писал:
Если Вы не хотите, чтобы кнопка оплаты была до того, как менеджер просмотрит заказ, то для этого Вам нужно создать в разделе Настройки -> Оплата свой способ оплаты и, по сути, они будут с такими же названиями как в онлайн-оплате, однако уже кнопка оплаты к ним ставиться не будет. Далее нужно будет убрать галочки по привязке к доставкам с онлайн-оплат. После этого менеджер после обработки заказа в разделе Заказы сможет сам сменить способ оплаты на онлайн, соответственно, после этого у клиента по ссылке просмотра заказа появится кнопка онлайн-оплаты.
Помните о том, что у Вас адаптивный сайт и любые изменения по верстке отобразятся и на адаптивной версии (мобильный телефон, планшете), соответственно, изменения придется вносить и там и думать как эти же элементы расположить на других разрешениях экрана.
Спасибо за ответ! К сожалению, на данном этапе, заказать платную разработку не представляется возможным.
Могу я рассчитывать хотя бы на мелкие подсказки?
Дело в том, что я уже сделала так, чтобы у клиента кнопка оплаты появлялась только после подтверждения заказа. Вопрос остается только в том, чтобы сделать эту кпопку зеленой и перенести вверх страницы, т.е. над таблицей с данными заказа. И рядом вставить надпись "Ваш заказ согласован, пожалуйста, оплатите покупки"
Второе: Где меняется цвет кнопки "Оформить заказ"? Необходимо изменить ее цвет таким образом, чтобы кнопка "Очистить корзину" по прежнему осталась белой.
И, последнее: как поменять стрелочки управления количеством товара в корзине?
#7
Отправлено 28 Июнь 2017 - 07:30
1.Зайдите в раздел Сайт - Редактор шаблонов - Просмотр заказа - найдите:
<!-- Методы методы оплаты онлайн --> {%IF ORDER_STATUS_NAME = Согласован %} <!-- Если заказ не оплачен и выбранный метод оплаты позволяет оплатить его онлайн, покажем форму с оплатой заказа через сайт --> {% IF ORDER_PAYMENT_STEP_ENABLE %} <!-- Здесь появляются дополнительные данные, необходимые для заполнения клиентом --> {PAYMENT_FORM_TBODY} {% ENDIF %} <!-- END методы методы оплаты онлайн --> {%ELSE%} <span style=" color: #f80000;font-size: 17px;font-family: open sans;">Ваш заказ находится в обработке</span><br> <span style=" color: #7ebf38;font-size: 15px;font-family: open sans;">Вы сможете оплатить его сразу после согласования администратором</span> {%ENDIF%}
перенесите его, вставив после:
{% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>{% ENDIF %} <h3 class="title">Данные заказа</h3>
так же после:
<!-- Методы методы оплаты онлайн --> {%IF ORDER_STATUS_NAME = Согласован %}вставьте:
<p>Ваш заказ согласован, пожалуйста, оплатите покупки</p>
2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.cartTable .buttons .button {float: right;margin: 0 3px 3px;}
после него пропишите:
.cartTable .buttons #startOrder { background: #cccccc; }
и замените цветовое значение на необходимое
3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.order-info tbody td.cell1 { text-align: left; }
после него пропишите:
.order-info tbody td p { margin: 2px 0; }
#8
Отправлено 28 Июнь 2017 - 16:01
Еще пара моментов, подскажите пожалуйста -
1.как убрать надпись "Заказ пока еще не оплачен",
2.кнопку с оплатой сделать зеленой, а текст "Ваш заказ согласован
Пожалуйста, оплатите покупки" сделать справа от кнопки оплаты
3.И после оплаты на месте кнопки вывести текст "Ваш заказ оплачен"
#9
Отправлено 29 Июнь 2017 - 06:05
Зайдите в раздел Сайт - Редактор шаблонов - Просмотр заказа - найдите:
{%IF ORDER_STATUS_NAME = Согласован %} <p><span style=" color: #7ebf38;font-size: 14px;font-family: open sans;"><b>Ваш заказ согласован<br> Пожалуйста, оплатите покупки</b></span></p> <!-- Если заказ не оплачен и выбранный метод оплаты позволяет оплатить его онлайн, покажем форму с оплатой заказа через сайт --> {% IF ORDER_PAYMENT_STEP_ENABLE %} <!-- Здесь появляются дополнительные данные, необходимые для заполнения клиентом --> {PAYMENT_FORM_TBODY} {% ENDIF %} <!-- END методы методы оплаты онлайн --> {%ELSE%} <span style=" color: #f80000;font-size: 15px;font-family: open sans;"><b>Ваш заказ находится в обработке</b></span><br> <span style=" color: #7ebf38;font-size: 15px;font-family: open sans;">Вы сможете оплатить его сразу после согласования администратором</span> {%ENDIF%}
замените на:
{% IF ORDER_STATUS_NAME = Согласован %} <style> .order-info > h4 {display: none;} .order-info #paymentForm, .order-info #paymentForm + p {display: inline-block;margin-right: 20px;vertical-align: middle;} </style> <!-- Методы методы оплаты онлайн --> {% IF ORDER_PAYMENT_STEP_ENABLE %} <!-- Здесь появляются дополнительные данные, необходимые для заполнения клиентом --> {PAYMENT_FORM_TBODY} {% ENDIF %} <!-- END методы методы оплаты онлайн --> <p><span style=" color: #7ebf38;font-size: 14px;font-family: open sans;"><b>Ваш заказ согласован<br/>Пожалуйста, оплатите покупки</b></span></p> {% ELSEIF ORDER_STATUS_NAME = Оплачен %} <span style="color: #7ebf38;font-size: 15px;font-family: open sans;"><b>Ваш заказ оплачен</b></span> {% ELSE %} <span style="color: #f80000;font-size: 15px;font-family: open sans;"><b>Ваш заказ находится в обработке</b></span><br/> <span style="color: #7ebf38;font-size: 15px;font-family: open sans;">Вы сможете оплатить его сразу после согласования администратором</span> {% ENDIF %}
#11
Отправлено 14 Июль 2017 - 08:07
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.ajax-buttons .button {margin:0 0 10px 0;} .buttons .button {float:left;margin: 0 10px 10px 0;background: #5F9EA0; color: white; }
после него вставьте:
#paymentForm .paymentFormTbodySubmitButton { background: #06648A; color: #fff;}
В добавленном блоке измените цвета на необходимые.
#12
Отправлено 14 Июль 2017 - 09:02
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных