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


Кнопка "оформить Заказ"


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

#1 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 25 Февраль 2014 - 15:03

Здравствуйте!
Подскажите, пожалуйста, как сделать кнопку "Оформить заказ"  на последнем шаге оформления - зелёного цвета

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 26 Февраль 2014 - 03:33

Сайт - Редактор шаблонов - Оформление заказа - в самом конце найдите сл.код:
<!-- Кнопки навигации -->
	  <div class="orderStageSubmitNavigation">
		<input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
		<input class="more-link" type="submit" name="tonext"
		  {% IF ORDER_STAGE_NUM=4%}
			value="Оформить заказ"
		  {% ELSE %}
			value="Перейти далее"
		  {% ENDIF %}
		/>
замените на:
<!-- Кнопки навигации -->
	  <div class="orderStageSubmitNavigation">
		<input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
		<input class="more-link {% IF ORDER_STAGE_NUM=4%}last_step{% ENDIF %}" type="submit" name="tonext"
		  {% IF ORDER_STAGE_NUM=4%}
			value="Оформить заказ"
		  {% ELSE %}
			value="Перейти далее"
		  {% ENDIF %}
		/>

Далее в main.css в самом конце добавьте:
.last_step{
background:#000;
}
и замените значение background на свой

#3 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 28 Февраль 2014 - 12:40

Всё поменяла, получилось так.  Необходимо чтобы осталась та же кнопка, но зелёного цвета.

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

  • Безымянный.jpg


#4 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 28 Февраль 2014 - 22:28

Просмотр сообщенияsandra.005@mail.ru (28 Февраль 2014 - 12:40) писал:

Всё поменяла, получилось так.  Необходимо чтобы осталась та же кнопка, но зелёного цвета.
Здравствуйте. Фоны стандартных кнопок - это картинки. Сперва вам нужно нарисовать или отредактировать существующую кнопку, залить ее на сайт в разделе "Редактор шаблонов". В качестве образца возьмите вашу стандартную картинку, но на итоговой должна быть одна кнопка, а не две.
После замените в шаблоне "Оформление заказа" строку
value="Оформить заказ"
на такую
value="Оформить заказ" style="background: url({ASSETS_IMAGES_PATH}conform_order.jpg) no-repeat left top;"
здесь вместо conform_order.jpg должно быть название загруженной картинки.

#5 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 09 Март 2014 - 13:01

Спасибо

#6 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 09 Март 2014 - 13:29

Как заменить кнопку "оформить заказ"  на всплывающее посередине экрана окно с текстом  "текст"  и с кнопкой на этом всплывающем окне с надписью" оформить заказ" обладающей теми же функциями что и шаблонная кнопка "оформить заказ" (чтобы при нажатии на эту кнопку заказ оформлялся до конца) ?

#7 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 12 Март 2014 - 12:10

Просмотр сообщенияsandra.005@mail.ru (09 Март 2014 - 13:29) писал:

Как заменить кнопку "оформить заказ"  на всплывающее посередине экрана окно с текстом  "текст"  и с кнопкой на этом всплывающем окне с надписью" оформить заказ" обладающей теми же функциями что и шаблонная кнопка "оформить заказ" (чтобы при нажатии на эту кнопку заказ оформлялся до конца) ?

Здравствуйте, к сожалению не совсем понятно что именно вы имеете ввиду. Возможно вам подойдет вариант с быстрым заказом

#8 мамадвойняшек

мамадвойняшек

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

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

Отправлено 05 Май 2014 - 01:39

Не могу с этой кнопкой никак разобраться

Просмотр сообщенияsengun (28 Февраль 2014 - 22:28) писал:

Здравствуйте. Фоны стандартных кнопок - это картинки. Сперва вам нужно нарисовать или отредактировать существующую кнопку, залить ее на сайт в разделе "Редактор шаблонов". В качестве образца возьмите вашу стандартную картинку, но на итоговой должна быть одна кнопка, а не две.
После замените в шаблоне "Оформление заказа" строку
value="Оформить заказ"
на такую
value="Оформить заказ" style="background: url({ASSETS_IMAGES_PATH}conform_order.jpg) no-repeat left top;"
здесь вместо conform_order.jpg должно быть название загруженной картинки.

Я ничего не понимаю, но этой строки у меня НЕТ???
р<div class="page-headline">
  <h1>Оформление заказа. Шаг {ORDER_STAGE_NUM} из 4</h1>
</div>

<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
    <p>
      <a href="http://{NET_DOMAIN}/...}/">Главная</a> » <a href="{CART_URL}" title="Перейти в корзину">Корзина</a> » <span class="current">Оформление заказа. Шаг {ORDER_STAGE_NUM} из 4</span>
    </p>
  </div>
  <!-- end Строка пути -->


  <div class="order cornerAll">
    <form
      {% IF ORDER_STAGE_NUM=1 %}
        action="{ORDER_STAGE_CONTACTS_URL}"
      {% ELSEIF ORDER_STAGE_NUM=2 %}
        action="{ORDER_STAGE_DELIVERY_URL}"
      {% ELSEIF ORDER_STAGE_NUM=3 %}
        action="{ORDER_STAGE_PAYMENT_URL}"
      {% ELSEIF ORDER_STAGE_NUM=4 %}
        action="{ORDER_STAGE_CONFIRM_URL}"
      {% ENDIF %}
      method="post"
    >
      <input type="hidden" name="hash" value="{HASH}" />

      <!-- Если при отправке формы произошла ошибка -->
      {% IF FORM_NOTICE %}<h5 class="{% IF FORM_NOTICE_IS_GOOD %}green{% ELSE %}errorMessage{% ENDIF %}">{FORM_NOTICE | nl2br}</h5>{% ENDIF %}


      <!-- Шаг 1. Контакты -

ГДЕ ОНА??? ПОМОГИТЕ ПОЖАЛУЙСТА!

#9 мамадвойняшек

мамадвойняшек

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

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

Отправлено 05 Май 2014 - 01:58

Мой аккаунт 210647

#10 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 06 Май 2014 - 04:11

Шаблон Оформление заказа, в самом низу:
<input class="more-link" type="submit" name="tonext"
		  {% IF ORDER_STAGE_NUM=4%}
			value="Оформить заказ за 40 секунд" style="background: url({ASSETS_IMAGES_PATH}КНОПКА.jpg) no-repeat left top;"
			value="Перейти далее"
		  {% ENDIF %}
		/>


#11 мамадвойняшек

мамадвойняшек

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

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

Отправлено 06 Май 2014 - 06:46

Спасибо, буду пробовать

#12 Hypeshop

Hypeshop

    Новичок

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

Отправлено 07 Февраль 2018 - 18:02

Подскажите, каким образом поменять цвет кнопки "Оформить заказ" в шаблоне лазурь!!!!???

#13 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 08 Февраль 2018 - 08:50

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
input[type="button"], .button, button, .paymentFormTbodySubmitButton, .paymentFormSubmitLink {font-size: 16px;text-transform: none;padding: 6px 20px;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;color: #666666;border: 1px solid #e9e9e9;background: #FFF;cursor:pointer;}

после него пропишите:
#startOrder{background-color: #3cabda;color: #FFF;border-color: #3cabda;}





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

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