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


Кнопка "распечатать Квитанцию"


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

#1 audiomag

audiomag

    Продвинутый пользователь

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

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

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

1. Требуется перенести ссылку "Распечатать квитанцию" вниз (см. скрин) и сделать ее более заметной - кнопкой.
2. Убрать из формы  заказа всю строку "Доставка" с указанием стоимости.

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

  • заказ.jpg


#2 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 27 Июль 2013 - 10:53

Просмотр сообщенияaudiomag (27 Июль 2013 - 09:14) писал:

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

1. Требуется перенести ссылку "Распечатать квитанцию" вниз (см. скрин) и сделать ее более заметной - кнопкой.
2. Убрать из формы  заказа всю строку "Доставка" с указанием стоимости.

Сообщите пожалуйста номер Вашего аккаунта или адрес Вашего сайта

#3 audiomag

audiomag

    Продвинутый пользователь

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

Отправлено 27 Июль 2013 - 11:36

Просмотр сообщенияmiyako (27 Июль 2013 - 10:53) писал:

Сообщите пожалуйста номер Вашего аккаунта или адрес Вашего сайта
http://audiomag86.storeland.ru SL-211911

решение по кнопке не работает, ссылка просто уменьшается.

#4 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 27 Июль 2013 - 13:49

Просмотр сообщенияaudiomag (27 Июль 2013 - 11:36) писал:

http://audiomag86.storeland.ru SL-211911

решение по кнопке не работает, ссылка просто уменьшается.

2)

Найдите в шаблоне Просмотр заказа код:
{%FOR order_lines%}
		  <tr class="order txtalgnlft">
			<td class="txtalgncnt">
			 {% IF order_lines.ART_NUMBER %}{order_lines.ART_NUMBER}{%ELSE%}Нет артикула{%ENDIF%}
			</td>
			<td>
			  {% IF order_lines.GOODS_URL %}<a href="{order_lines.GOODS_URL}">{order_lines.NAME}</a>{% ELSE %}{order_lines.NAME}{% ENDIF %}
			</td>
			<td class="txtalgnrgh">
			  <span class="fnt14i">{order_lines.LINE_PRICE_NUMBER_FORMAT}</span>
			</td>
			<td class="txtalgncnt">
			  <!-- Товарная позиция -->
			  {% IF order_lines.TYPE_ID=1 %}
				{order_lines.QUANTITY} <span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}
			  <!-- Доставка -->
			  {% ELSEIF order_lines.TYPE_ID = 2%}
				1 шт
			  <!-- Скидка -->
			  {% ELSEIF order_lines.TYPE_ID = 3%}
				<span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			  {%ENDIF%}
			</td>
			<td class="last txtalgnrgh">
			  <span class="fnt14i">{order_lines.LINE_SUM_NUMBER_FORMAT}</span>
			</td>
		  </tr>
		{%ENDFOR%}
и замените на:
{%FOR order_lines%}
		  <tr class="order txtalgnlft" {%IF order_lines.TYPE_ID = 2%} style="display:none;" {%ENDIF%}>
			<td class="txtalgncnt">
			 {% IF order_lines.ART_NUMBER %}{order_lines.ART_NUMBER}{%ELSE%}Нет артикула{%ENDIF%}
			</td>
			<td>
			  {% IF order_lines.GOODS_URL %}<a href="{order_lines.GOODS_URL}">{order_lines.NAME}</a>{% ELSE %}{order_lines.NAME}{% ENDIF %}
			</td>
			<td class="txtalgnrgh">
			  <span class="fnt14i">{order_lines.LINE_PRICE_NUMBER_FORMAT}</span>
			</td>
			<td class="txtalgncnt">
			  <!-- Товарная позиция -->
			  {% IF order_lines.TYPE_ID=1 %}
				{order_lines.QUANTITY} <span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}
			  <!-- Доставка -->
			  {% ELSEIF order_lines.TYPE_ID = 2%}
				1 шт
			  <!-- Скидка -->
			  {% ELSEIF order_lines.TYPE_ID = 3%}
				<span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			  {%ENDIF%}
			</td>
			<td class="last txtalgnrgh">
			  <span class="fnt14i">{order_lines.LINE_SUM_NUMBER_FORMAT}</span>
			</td>
		  </tr>
		{%ENDFOR%}


#5 audiomag

audiomag

    Продвинутый пользователь

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

Отправлено 29 Июль 2013 - 09:37

Просмотр сообщенияmiyako (27 Июль 2013 - 13:49) писал:

Спасибо! А что подскажите по 1 вопросу?

#6 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 29 Июль 2013 - 11:45

Просмотр сообщенияaudiomag (29 Июль 2013 - 09:37) писал:

Спасибо! А что подскажите по 1 вопросу?

Эта платёжная форма, если в ней передать какие-либо не верные данные, то она просто перестанет работать, более того платёжные инструменты постоянно меняются, отчего приходится обновлять эти формы на сайте. Их можно скопировать как HTML текст и изменять, но это на свой страх и риск, т.к. в этом случае мы не сможем гарантировать работоспособность модуля оплаты

#7 audiomag

audiomag

    Продвинутый пользователь

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

Отправлено 29 Июль 2013 - 15:17

Просмотр сообщенияmiyako (29 Июль 2013 - 11:45) писал:

Эта платёжная форма, если в ней передать какие-либо не верные данные, то она просто перестанет работать, более того платёжные инструменты постоянно меняются, отчего приходится обновлять эти формы на сайте. Их можно скопировать как HTML текст и изменять, но это на свой страх и риск, т.к. в этом случае мы не сможем гарантировать работоспособность модуля оплаты
Сейчас у меня будет только один способ оплаты: Безналичный расчет через банк. Если продублировать ссылку тяжело, то можно ее как то выделить в том месте, где она находиться. Или по завершению заказа сделать всплывающее окно с предложением сохранить или распечатать квитанцию?

#8 support 2.0

support 2.0

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

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

Отправлено 29 Июль 2013 - 17:46

Просмотр сообщенияaudiomag (29 Июль 2013 - 15:17) писал:

Сейчас у меня будет только один способ оплаты: Безналичный расчет через банк. Если продублировать ссылку тяжело, то можно ее как то выделить в том месте, где она находиться. Или по завершению заказа сделать всплывающее окно с предложением сохранить или распечатать квитанцию?

найдите в файле main.css
.whtblue { border:1px solid #d0d0d0 !important; background:url({ASSETS_IMAGES_PATH}whtblue-nor.jpg) center top repeat-x; padding:5px 15px; font:normal 12px Verdana, Geneva, sans-serif; color:#504f4f; height:27px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; outline:none; }
  @-moz-document url-prefix() { .whtblue { padding:2px 12px 5px 12px; height:27px; }  a.whtblue { padding:5px 12px 5px 12px; height:27px;} }
  .whtblue:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);  }
  .whtblue:active { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center bottom repeat; border:1px solid #5fa8c4; }
замените на
.whtblue, a.paymentFormSubmitLink { border:1px solid #d0d0d0 !important; background:url({ASSETS_IMAGES_PATH}whtblue-nor.jpg) center top repeat-x; padding:5px 15px; font:normal 12px Verdana, Geneva, sans-serif; color:#504f4f; height:27px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; outline:none; }
a.paymentFormSubmitLink {text-decoration: none !important;padding: 1px 5px !important;}
  @-moz-document url-prefix() { .whtblue { padding:2px 12px 5px 12px; height:27px; }  a.whtblue { padding:5px 12px 5px 12px; height:27px;} }
  .whtblue:hover, a.paymentFormSubmitLink:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);  }
  .whtblue:active, a.paymentFormSubmitLink:active { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center bottom repeat; border:1px solid #5fa8c4; }


#9 audiomag

audiomag

    Продвинутый пользователь

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

Отправлено 29 Июль 2013 - 19:04

Просмотр сообщенияsupport 2.0 (29 Июль 2013 - 17:46) писал:

найдите в файле main.css
.whtblue { border:1px solid #d0d0d0 !important; background:url({ASSETS_IMAGES_PATH}whtblue-nor.jpg) center top repeat-x; padding:5px 15px; font:normal 12px Verdana, Geneva, sans-serif; color:#504f4f; height:27px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; outline:none; }
@-moz-document url-prefix() { .whtblue { padding:2px 12px 5px 12px; height:27px; } a.whtblue { padding:5px 12px 5px 12px; height:27px;} }
.whtblue:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); }
.whtblue:active { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center bottom repeat; border:1px solid #5fa8c4; }
замените на
.whtblue, a.paymentFormSubmitLink { border:1px solid #d0d0d0 !important; background:url({ASSETS_IMAGES_PATH}whtblue-nor.jpg) center top repeat-x; padding:5px 15px; font:normal 12px Verdana, Geneva, sans-serif; color:#504f4f; height:27px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; outline:none; }
a.paymentFormSubmitLink {text-decoration: none !important;padding: 1px 5px !important;}
@-moz-document url-prefix() { .whtblue { padding:2px 12px 5px 12px; height:27px; } a.whtblue { padding:5px 12px 5px 12px; height:27px;} }
.whtblue:hover, a.paymentFormSubmitLink:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); }
.whtblue:active, a.paymentFormSubmitLink:active { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center bottom repeat; border:1px solid #5fa8c4; }
этот вариант создает кнопку, но не смог поменять цвет фона в пассивном режиме не изменяя при этом цвет всех кнопок сайта. нашел еще способ сделать фон для ссылки, фон за текстом меняю, а цвет текста в пассивном режиме не смог поменять, сейчас оставил как на скрине, впринципе устраивает,  только бы сдвинуть на центр строки и поменять текст ссылки. При выделении все цвета отлично заменяются.

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

  • Снимок экрана 2013-07-29 в 22.01.30.png


#10 support 2.0

support 2.0

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

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

Отправлено 29 Июль 2013 - 21:38

Просмотр сообщенияaudiomag (29 Июль 2013 - 19:04) писал:

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

измените блок
.paymentFormSubmitLink
{
padding: 2px;
background: #76c45f;
color: white;
border-radius: 2px;
}
на этот
.paymentFormSubmitLink
{
padding: 2px;
background: #76c45f;
color: white;
border-radius: 2px;
text-decoration: none !important;
margin-left: 23%;
}
изменить текст, к сожалению, не получится

#11 Koshmarik

Koshmarik

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

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

Отправлено 29 Сентябрь 2013 - 21:48

Подскажите пожалуйста  сделать кнопку- распечать квитанцию или  сделать надпись СКАЧАЙТЕ И РАСПЕЧАТАЙТЕ КВИТАНЦИЮ
  Аккаунт SL-124623


http://clip2net.com/s/5QLdpD

Нам надо что бы кнопка или надпись были повыше, к примеру  в одной из этих позиций
http://clip2net.com/s/5QLjd8

#12 Absolem

Absolem

    Продвинутый пользователь

  • Модератоpы
  • 145 сообщений

Отправлено 29 Сентябрь 2013 - 22:43

Зайдите в Сайт->Редактор шаблонов-> шаблон "Просмотр заказа" и найдите код  -
{% ENDIF %}
		{% IF ORDER_DELIVERY_CONVENIENT_DATE %}
		<tr>
		  <td class="cell1"><p><span>Удобное время доставки:</span></p></td>
		  <td class="cell2">
			{ORDER_DELIVERY_CONVENIENT_DATE | date("d.m.Y")}
И Перед ним вставьте -
<tr>
  <td> <a href="Ваша ссылка"> Скачайте </a> </td>
  </tr>


#13 Koshmarik

Koshmarik

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

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

Отправлено 30 Сентябрь 2013 - 00:53

Спасибо. А как привязать еще  квитанцию к этой сслыке? Что бы по клику открывалась именно квитанция?

#14 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 01 Октябрь 2013 - 02:26

Для переноса ссылки - добавьте в ваш файл main.js

$(function() {
  if($('.paymentFormSubmitLink').length) {
	 $('.clientOrderInfoPositionsTb').after($('.paymentFormSubmitLink'));
  }
});





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

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