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


Как Вставить "Я Принимаю Условия..."


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

#1 dashutka

dashutka

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

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

Отправлено 08 Декабрь 2011 - 10:07

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

#2 Vaccina

Vaccina

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

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

Отправлено 08 Декабрь 2011 - 21:50

Можно использовать следующей код. В шаблоне "Корзина" находим кнопку

<input class="more-link" type="submit" name="next_step" value="Оформить заказ">

и меняем её на

<input class="more-link" type="submit" name="next_step" value="Оформить заказ" disabled="disabled">

Далее после строки

<td colspan="6" class="cartFormTfootButtons">

добавить подобный код (в случае необходимости текст изменить на свой)

<div style="margin:10px 0;">
<textarea style="width:100%;height:100px;margin-bottom:15px">Сюда вставляете свой текст</textarea>
<input type="checkbox" name="success_read" class="success_read" /> С выше написанными условиями согласен
</div>

далее в файле main.js добавить код

$('.success_read').live('change', function(){
 if($(this).attr('checked')) {
  $('.more-link').removeAttr("disabled");
 }
 else {
  $('.more-link').attr("disabled","disabled");
 }
});

после строки

$(document).ready(function(){


#3 dashutka

dashutka

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

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

Отправлено 09 Декабрь 2011 - 10:13

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

#4 Vaccina

Vaccina

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

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

Отправлено 09 Декабрь 2011 - 19:06

Работает данный скрипт следующим образом - Если галочка не выставлена, то кнопка Оформления не активна. А если установить галочку то кнопка становиться активной.

#5 dashutka

dashutka

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

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

Отправлено 09 Декабрь 2011 - 19:20

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

#6 dashutka

dashutka

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

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

Отправлено 09 Декабрь 2011 - 19:47

Извините, я Вас замучила. С третьего раз все нормально, только теперь кнопка Оформления, когда становится активной, еле видна, очень бледная надпись, как сделать поярче?

#7 Vaccina

Vaccina

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

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

Отправлено 10 Декабрь 2011 - 16:36

Пожалуйста, сообщите ваш адрес магазина.

#8 dashutka

dashutka

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

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

Отправлено 10 Декабрь 2011 - 18:40

http://малышландия.рф/

#9 Vaccina

Vaccina

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

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

Отправлено 12 Декабрь 2011 - 20:48

Попробуйте заменить код

$('.success_read').live('change', function(){
 if($(this).attr('checked')) {
  $('.more-link').removeAttr("disabled");
 }
 else {
  $('.more-link').attr("disabled","disabled");
 }
});

на

$('.success_read').live('change', function(){
 if($(this).attr('checked')) {
  $('.more-link').removeAttr("disabled");
  $('.more-link').removeClass('ui-button-disabled').removeClass('ui-state-disabled');
 }
 else {
  $('.more-link').attr("disabled","disabled");
  $('.more-link').addClass('ui-button-disabled').addClass('ui-state-disabled');
 }
});


#10 dashutka

dashutka

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

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

Отправлено 13 Декабрь 2011 - 07:21

Спасибо большое!!!!

#11 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 797 сообщений
  • Городмосква

Отправлено 15 Апрель 2012 - 07:12

Просмотр сообщенияdashutka (13 Декабрь 2011 - 07:21) писал:

Спасибо большое!!!!

а как добавить в оформление дополнительный абзац с информацией со словами типа:
Персональная информация о наших клиентах не передается третьим лицам. Данная информация может быть использована в случае:
• для уточнении условий заказа продукции;
• при доставкекурьер может позвонить для уточнения более удобного времени или маршрутапроезда. Поэтому убедительная просьба оставлять контактные данные приоформление заказа.
• Email используется для отправки подтверждений и подобной информации;
• Возможна будетосуществляться система мобильных рассылок для предоставления нашим клиентамважной информации, программ скидок акций и подарков.
И ссылка на разделконфиденциально дать в оформлении заказа??

#12 Vaccina

Vaccina

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

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

Отправлено 16 Апрель 2012 - 19:43

Код будет тот же самый, вам необходимо просто вставить свой текст вместо текста "Сюда вставляете свой текст"

Так же можно
<textarea style="width:100%;height:100px;margin-bottom:15px">Сюда вставляете свой текст</textarea>
заменить на

<textarea style="width:100%;height:100px;margin-bottom:15px" readonly="readonly">Сюда вставляете свой текст</textarea>

т.е добавить атрибут readonly="readonly"

#13 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 797 сообщений
  • Городмосква

Отправлено 17 Апрель 2012 - 04:20

Просмотр сообщенияVaccina (16 Апрель 2012 - 19:43) писал:

Код будет тот же самый, вам необходимо просто вставить свой текст вместо текста "Сюда вставляете свой текст"

Так же можно
<textarea style="width:100%;height:100px;margin-bottom:15px">Сюда вставляете свой текст</textarea>
заменить на

<textarea style="width:100%;height:100px;margin-bottom:15px" readonly="readonly">Сюда вставляете свой текст</textarea>

т.е добавить атрибут readonly="readonly"
спасибо вам огромное. СУПЕР!!!

как сделать колонку с текстом больше по высоте?
как вставить ссылку на слова Раздел "конфиденциальность данных"

#14 Vaccina

Vaccina

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

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

Отправлено 17 Апрель 2012 - 20:34

Цитата

как сделать колонку с текстом больше по высоте?
Измените свойство height:100px; с нужным размеров. Например height:250px;

Цитата

как вставить ссылку на слова Раздел "конфиденциальность данных"
В тег textarea ссылки вставлять нельзя.

Как вариант ссылку вынести отдельно из textarea

<a href="ссылка на страницу">конфиденциальность данных</a>

Так же можно использовать вместо textarea  стилизованный блок.

<div style="color:#CCCCCC;height:250px;overflow-y:scroll width:450px;font-size:14px;margin:0 auto;">Ваш текст</div>


#15 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 797 сообщений
  • Городмосква

Отправлено 18 Апрель 2012 - 04:32

ссылку вставила спасибо.


textarea мне впринципе отлично подходит, за исключением размера шрифта - у меня не получилось сделать покрупнее.



#16 Vaccina

Vaccina

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

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

Отправлено 18 Апрель 2012 - 21:53

По идее должно работать такое свойство как font-size
например

<textarea style="width:100%;height:100px;margin-bottom:15px;font-size:18px;" readonly="readonly">Сюда вставляете свой текст</textarea>


#17 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 797 сообщений
  • Городмосква

Отправлено 19 Апрель 2012 - 03:54

Просмотр сообщенияVaccina (18 Апрель 2012 - 21:53) писал:

По идее должно работать такое свойство как font-size
например

<textarea style="width:100%;height:100px;margin-bottom:15px;font-size:18px;" readonly="readonly">Сюда вставляете свой текст</textarea>
спасибо помогло :), у меня не работало потому что я просто "font:..." поставила, а не font-size.

#18 tailandturr

tailandturr

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений
  • ГородМосква

Отправлено 20 Апрель 2012 - 09:18

Почитал, и решил сделать на своем сайте тоже. Спасибо за подробное разьеснение.

#19 Ello4ka

Ello4ka

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

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

Отправлено 17 Октябрь 2012 - 08:53

Спасибо за объяснение! :rolleyes:  А как сделать крупнее и жирным шрифт "С выше написанными условиями согласен". Спасибо!

#20 Vaccina

Vaccina

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

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

Отправлено 17 Октябрь 2012 - 11:48

Просто обверните текст в <span> и задайте необходимый стиль - пример

<span style="font-size: 14px; font-weight: bold;">С выше написанными условиями согласен</span>





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

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