Перейти к содержимому


Изменение Стандартных Таблиц И Формы Заказа


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 baddiru

baddiru

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений

Отправлено 19 Июнь 2017 - 21:44

Добрый день!
Прошу помощи в изменении стандартных таблиц и формы заказа.
Во вложенном файле - примерная картина того, что должно получится на выходе.
Очень надеюсь на помощь, так как сама пыталась разобраться неделю, но не случилось :blink:

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

Прикрепленные изображения

  • Без имени-1.jpg


#2 baddiru

baddiru

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений

Отправлено 19 Июнь 2017 - 23:13

Продолжая тему таблиц, прошу помочь привести таблицу данных по заказу в вид как на фото во вложении.
1. Необходимо вывести кнопку "Оплата" , которая будет появляться после согласования заказа, в левый верхний угол над таблицей данных заказа.
2.Справа от кнопки необходимо добавить текст "Ваш заказ согласован
Пожалуйста, оплатите покупки"
3. Таблицу данных заказа сузить, убрать границы,  сделать меньше отступ между строками, выровнять по левому краю данные таблицы
4. Если это возможно, будет круто, если мы добавим оранжевую вертикальную полосу вдоль данных заказа
5 "Позиции заказа" перенести наверх справа от "данных заказа", привести таблицу в вид как на фото.

Пожалуйста, помогите!

Прикрепленные изображения

  • заказ согласован.jpg


#3 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 21 Июнь 2017 - 18:47

Просмотр сообщенияbaddiru (19 Июнь 2017 - 23:13) писал:

Продолжая тему таблиц, прошу помочь привести таблицу данных по заказу в вид как на фото во вложении.
1. Необходимо вывести кнопку "Оплата" , которая будет появляться после согласования заказа, в левый верхний угол над таблицей данных заказа.
2.Справа от кнопки необходимо добавить текст "Ваш заказ согласован
Пожалуйста, оплатите покупки"
3. Таблицу данных заказа сузить, убрать границы,  сделать меньше отступ между строками, выровнять по левому краю данные таблицы
4. Если это возможно, будет круто, если мы добавим оранжевую вертикальную полосу вдоль данных заказа
5 "Позиции заказа" перенести наверх справа от "данных заказа", привести таблицу в вид как на фото.

Пожалуйста, помогите!
Здравствуйте, на форуме решаются небольшие вопросы по верстке, полную верстку страницы сайта, к сожалению, выполнить мы не сможем, т.к. на такую реализацию уйдет не менее часа, в том числе будет еще требоваться настройка нового дизайна на адаптивных версиях. Рекомендуем Вам написать к нам на почту для заказа платной доработки. Стоимость данных доработок будет небольшой, но при этом все будет выполнено без проблем и не "поедет" адаптивность сайта. Объем данных работ, написанных Вами, действительно довольно большой.

#4 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 21 Июнь 2017 - 18:59

Просмотр сообщенияbaddiru (19 Июнь 2017 - 21:44) писал:

Добрый день!
2.2 "Срок доставки" (по центру). Необходимо чтобы срок доставки выводился в зависимости от наличия товара. Если в наличии, то 1-2 дня, если под заказ, то 3-7 дней.
В корзине нет проверки на условие "в наличии" или "под заказ", здесь только может быть проверка на кол-во товара.

Просмотр сообщенияbaddiru (19 Июнь 2017 - 21:44) писал:

1. Необходимо вывести кнопку "Оплата" , которая будет появляться после согласования заказа, в левый верхний угол над таблицей данных заказа.
Если Вы не хотите, чтобы кнопка оплаты была до того, как менеджер просмотрит заказ, то для этого Вам нужно создать в разделе Настройки -> Оплата свой способ оплаты и, по сути, они будут с такими же названиями как в онлайн-оплате, однако уже кнопка оплаты к ним ставиться не будет. Далее нужно будет убрать галочки по привязке к доставкам с онлайн-оплат. После этого менеджер после обработки заказа в разделе Заказы сможет сам сменить способ оплаты на онлайн, соответственно, после этого у клиента по ссылке просмотра заказа появится кнопка онлайн-оплаты.

Просмотр сообщенияbaddiru (19 Июнь 2017 - 21:44) писал:

4. Если это возможно, будет круто, если мы добавим оранжевую вертикальную полосу вдоль данных заказа
Помните о том, что у Вас адаптивный сайт и любые изменения по верстке отобразятся и на адаптивной версии (мобильный телефон, планшете), соответственно, изменения придется вносить и там и думать как эти же элементы расположить на других разрешениях экрана.

#5 baddiru

baddiru

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений

Отправлено 22 Июнь 2017 - 22:58

Просмотр сообщенияsupport 2.0 (21 Июнь 2017 - 18:59) писал:

В корзине нет проверки на условие "в наличии" или "под заказ", здесь только может быть проверка на кол-во товара.


Если Вы не хотите, чтобы кнопка оплаты была до того, как менеджер просмотрит заказ, то для этого Вам нужно создать в разделе Настройки -> Оплата свой способ оплаты и, по сути, они будут с такими же названиями как в онлайн-оплате, однако уже кнопка оплаты к ним ставиться не будет. Далее нужно будет убрать галочки по привязке к доставкам с онлайн-оплат. После этого менеджер после обработки заказа в разделе Заказы сможет сам сменить способ оплаты на онлайн, соответственно, после этого у клиента по ссылке просмотра заказа появится кнопка онлайн-оплаты.


Помните о том, что у Вас адаптивный сайт и любые изменения по верстке отобразятся и на адаптивной версии (мобильный телефон, планшете), соответственно, изменения придется вносить и там и думать как эти же элементы расположить на других разрешениях экрана.


Спасибо за ответ! К сожалению, на данном этапе, заказать платную разработку не представляется возможным.
Могу я рассчитывать хотя бы на мелкие подсказки?
Дело в том, что я уже сделала так, чтобы у клиента кнопка оплаты появлялась только после подтверждения заказа. Вопрос остается только в том, чтобы сделать эту кпопку зеленой и перенести вверх страницы, т.е. над таблицей с данными заказа. И рядом вставить надпись "Ваш заказ согласован, пожалуйста, оплатите покупки"

Второе: Где меняется цвет кнопки "Оформить заказ"? Необходимо изменить ее цвет таким образом, чтобы кнопка "Очистить корзину" по прежнему осталась белой.
И, последнее: как поменять стрелочки управления количеством товара в корзине?

#6 baddiru

baddiru

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений

Отправлено 28 Июнь 2017 - 01:08

Добрый день! Как уменьшить расстояние между строками в таблице данных заказа??

Прикрепленные изображения

  • Screenshot_1.jpg


#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 baddiru

baddiru

    Пользователь

  • Пользователи
  • PipPip
  • 36 сообщений

Отправлено 28 Июнь 2017 - 16:01

Спасибо! Получилось!
Еще пара моментов, подскажите пожалуйста -
1.как убрать надпись "Заказ пока еще не оплачен",
2.кнопку с оплатой сделать зеленой, а текст "Ваш заказ согласован
Пожалуйста, оплатите покупки" сделать справа от кнопки оплаты
3.И после оплаты на месте кнопки вывести текст "Ваш заказ оплачен"

Прикрепленные изображения

  • Screenshot_2.jpg


#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 %}


#10 Kapal

Kapal

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 305 сообщений

Отправлено 14 Июль 2017 - 07:38

Здравствуйте!

Помогите, пожалуйста, поменять цвет фона кнопки "Перейти к оплате". (последний шаг оформления заказа). Но так, чтобы больше нигде цвет не поменялся. Изменения должны произойти только с этой кнопкой! Спасибо!

Прикрепленные изображения

  • скрин1.JPG


#11 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 Kapal

Kapal

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 305 сообщений

Отправлено 14 Июль 2017 - 09:02

Спасибо!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных