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


Скрипт Кнопки "купить За 1 Клик"


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

#41 Сake

Сake

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

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

Отправлено 24 Август 2013 - 01:30

Попробуйте строку

$('.form_product_img').html($('.goodsDataMainImagesIcon:eq(0)').clone());

заменить на

$('.form_product_img').html($('.goodsDataMainImagesIcon:eq(0)').clone(false));

или

$('.form_product_img').html($('.goodsDataMainImagesIcon:eq(0)').html());

Для email адреса - вы можете найти

<tr>
				 <td>Ваш email*:</td>
		  <td><input id="feedback_еmail" style="width: 150px; margin: 10px;" name="form[feedback_email]" placeholder="Адрес email" required="required" maxlength="255" minlength="5" type="email" class="input required email" /></td>
		 </tr>

и заменить на

<tr style="display: none;">
				 <td>Ваш email*:</td>
		  <td><input id="feedback_еmail" name="form[feedback_email]" type="hidden" value="test@test.com" /></td>
		 </tr>

где test@test.com будет постоянный email адресом при отправлении.

#42 AlexP_RUS

AlexP_RUS

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

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

Отправлено 24 Август 2013 - 20:04

Просто отлично, всё работает, с емэйлом никаких проблем не возникло, спасибо!

Теперь о корректировках:

Цитата

картинка исчезать перестала, но теперь она стала наоборот добавляться и дублировать главное изображение при увеличении. Теперь их два при увеличении.
Эта проблема осталась. Подставлял и то и то, изменений нету.

Также хочется немножко отодвинуть вниз "Ваше имя" и "телефон" от названия товара и кнопку "заказать" так же отодвинуть от "Ваш телефон" вниз немного.
Спасибо.

#43 Сake

Сake

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

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

Отправлено 27 Август 2013 - 03:28

Цитата

Эта проблема осталась. Подставлял и то и то, изменений нету.

Остается тогда связь с атрибутом rel. Давайте попробуем его удалить. Найдите

$('.form_product_img').html($('.goodsDataMainImagesIcon:eq(0)').html());

и замените на

$('.form_product_img').html($('.goodsDataMainImagesIcon:eq(0)').html()).find('a').removeAttr('rel');

Цитата

Также хочется немножко отодвинуть вниз "Ваше имя" и "телефон" от названия товара и кнопку "заказать" так же отодвинуть от "Ваш телефон" вниз немного.

Добавьте в файл стилей

#nyroModalWrapper .block_order .prd-table > td {
	padding-bottom: 10px;
}
#nyroModalWrapper .block_order .button_med {
	margin-top: 10px;
}


#44 AlexP_RUS

AlexP_RUS

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

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

Отправлено 27 Август 2013 - 18:45

Да! Всё отлично, всё работает, окошко смотрится здорово! Огромное Вам спасибо ещё раз! :)

#45 AlexP_RUS

AlexP_RUS

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

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

Отправлено 05 Сентябрь 2013 - 19:33

Ещё такой вопрос: можно "купить в 1 клик" поместить в скользящий блок справа под кнопку "в корзину", чтобы была ровно посередине под этой кнопкой с небольшим отступом?

Тема со скользящим блоком на всякий случай: http://forum.storela...ок/page__st__40

#46 Сake

Сake

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

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

Отправлено 06 Сентябрь 2013 - 03:17

Вы хотите полностью переместить ссылку "купить в 1 клик"? или же хотите продублировать её в скользящем блоке? Если вы хотите продублировать ссылку, то найдите в main.js

function toPrint() {
var f = $('.goodsDataMainModificationDataBlock').html();
var g = $('.goodsDataFormSubmitButton').html();
var g2 = $('.goodsDataMainModificationAvailable').html();
var g =$('.goodsDataFormSubmitButton').not('div').html();
console.log(g);
$('.myblock4').html(f);
$('.myblock4').append(g);
$('.myblock4 div').remove();
$('.myblock4 #ToCart').before(g2);
$('.myblock4 input').click(function(){
// а”аОаБаАаВаЛаЕаНаИаЕ б‚аОаВаАб€аА аВ аКаОб€аЗаИаНбƒ б‡аЕб€аЕаЗ ajax
				$('.goodsDataForm').nyroModalManual({
				  formIndicator: 'ajax_q',  // Value added when a form is sent
				  minWidth: 420, // Minimum width
				  minHeight: 150, // Minimum height
				  gallery: null // Gallery name if provided
				});
				return false;

})
}

и замените на

function toPrint() {
var f = $('.goodsDataMainModificationDataBlock').html();
var g = $('.goodsDataFormSubmitButton').html();
var g2 = $('.goodsDataMainModificationAvailable').html();
var g =$('.goodsDataFormSubmitButton').not('div').html();
var fast =$('.goodsDataFormSubmitButton #fastorder:first').clone(true);
$('.myblock4').html(f);
$('.myblock4').append(g);
$('.myblock4 div').remove();
$('.myblock4 #ToCart').before(g2);
$('.myblock4 #ToCart').after($('<p>').append(fast));
$('.myblock4 input').click(function(){
// а?аОаБаАаВаЛаЕаНаИаЕ б?аОаВаАб?аА аВ аКаОб?аЗаИаНб? б?аЕб?аЕаЗ ajax
				$('.goodsDataForm').nyroModalManual({
				  formIndicator: 'ajax_q',  // Value added when a form is sent
				  minWidth: 420, // Minimum width
				  minHeight: 150, // Minimum height
				  gallery: null // Gallery name if provided
				});
				return false;

})
}

далее в файле стилей main.css найдите

.myblock4 #ToCart {
	margin-bottom: 15px;
	margin-top: 15px;
}

и замените на

.myblock4 #ToCart {
	margin-top: 15px;
}


#47 AlexP_RUS

AlexP_RUS

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

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

Отправлено 12 Сентябрь 2013 - 10:24

Cake, подскажите, а как сократить расстояние от ссылки "купить в 1 клик" до кнопки "в корзину"? Ссылка снизу далеко встаёт. (убрал её пока).

#48 Сake

Сake

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

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

Отправлено 13 Сентябрь 2013 - 03:10

Регулируйте положение кнопки через класс

.myblock4 #ToCart {
	margin-bottom: 15px;
	margin-top: 15px;
}

например

.myblock4 #ToCart {
	margin-bottom: -5px;
	margin-top: 15px;
}


#49 AlexP_RUS

AlexP_RUS

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

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

Отправлено 23 Октябрь 2013 - 20:00

Cake, у меня появилось два новых вопроса.
1. Как эту ссылку "Купить в один клик" поместить на страницу "корзина" под ссылку "очистить корзину" ? Естественно чтобы эта ссылка была связана с товаром, который лежит в корзине.
2. Используя форму "купить в 1 клик" мне нужно поместить в шапку ссылку "Заказать звонок" - как тут например www.reg-and-rad.ru. В общем нужно сделать ту же форму что и у меня в "купить в 1 клик" только уже без привязки к товару.
Спасибо за помощь.

#50 Сake

Сake

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

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

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

1) К сожалению, реализовать подобное не получиться. Для единичного товара еще можно, но не для всей корзины. Возможно вам лучше будет реализовать быстрый заказ как в шаблоне "Вечность" или ему подобных.

2) Реализация будет аналогичной, просто необходимо удалить лишние элементы и заменить основной класс. Код формы будет выглядеть так

<div class="iframe_block_call" style="display:none;"><center>
	<form method="post" action="http://autovostorg.ru/feedback" class="feedbackForm" enctype="multipart/form-data">
		<div class="section-caption c-orange"><h3>Форма обратного звонка!</h3></div>
			<div class="iframe_click">
				<input type="hidden" name="hash" value="92c158" />
			<table class="prd-block">
		 <tr>
				 <td>Ваше имя*:</td>
		  <td><input id="feedback_name" style="width: 200px; margin: 10px;" name="form[feedback_name]" placeholder="Ваше имя" maxlength="50" required="required" minlength="3" class="input required" /></td>
		 </tr>
		 <tr>
				 <td>Ваш телефон*:</td>
		  <td><input id="feedback_message" style="width: 200px; margin: 10px;" name="form[feedback_message]" class="required" required="required" placeholder="Номер телефона" minlength="5" /></td>
		 </tr>
		 <tr>
				 <tr style="display: none;">
								 <td>Ваш email*:</td>
				  <td><input id="feedback_еmail" name="form[feedback_email]" type="hidden" value="test@test.com" /></td>
				 </tr>
		</table>
				<input type="button" class="button_med" value="Заказать" onclick="$('#nyroModalContent .feedbackForm').validate();if(!$('#nyroModalContent .feedbackForm').valid())return(false);$(this).closest('form').find('#feedback_name').val($(this).closest('form').find('#feedback_name').val() + ' ' + $(this).closest('form').find('.form_product_name').text());$(this).closest('form').hide();$(this).closest('form').before('<center class=sends>Подождите, идет отправка формы...</center>');$.post($(this).closest('form').attr('action'), $(this).closest('form').serializeArray(), $.proxy(function() {$('.sends').remove();$(this).closest('form').before('<center class=sends>Спасибо за заявку, мы перезвоним Вам в самое ближайшее время.</center>');setTimeout(function() {$('.nyroModalClose').trigger('click');}, 3000)}, this));"/>
<p>Оставьте Ваши контактные данные, и в течение 30 минут наш менеджер свяжется с Вами.</p>
																																				 </div>
																  </form>
																</center></div>
<script type="text/javascript">
$(function() {
$('a#fastcall').click(function(e) {
e.preventDefault();
var width = 400;
var height = 260;
var content = $('.iframe_block_call').html();
$.fn.nyroModalManual({
width: '450',
height: '280',
content: content,
minWidth: '400',
minHeight: '280',	   
gallery: null,
wrap: {
		div: '<div class="wrapper block_order"></div>',
		ajax: '<div class="wrapper block_order"></div>',
		form: '<div class="wrapper block_order"></div>',
		formData: '<div class="wrapper block_order"></div>',
		manual: '<div class="wrapper block_order"></div>'
  }
});
return(false);;
});
});
</script>

код кнопки так

<a href="#fastcall" id="fastcall">Обратный звонок</a>

как можно заметить код идентичен, только отсутствуют элементы товара и основной класс изменился для исключения конфликта с другими окнами.

#51 AlexP_RUS

AlexP_RUS

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

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

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

Cake, я не много не понимаю. Куда мне эти коды вставлять то? Ну скрипт я понял что надо в стили в конец ставить, а сам код формы куда и код кнопки? Тоже в шаблон "Товар" что ли? Или всё-таки в хтмл? И куда конкретно?

#52 miyako

miyako

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

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

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

Просмотр сообщенияAlexP_RUS (26 Октябрь 2013 - 11:16) писал:

Cake, я не много не понимаю. Куда мне эти коды вставлять то? Ну скрипт я понял что надо в стили в конец ставить, а сам код формы куда и код кнопки? Тоже в шаблон "Товар" что ли? Или всё-таки в хтмл? И куда конкретно?
  

весь код нужно вставить в шаблон HTML

#53 AlexP_RUS

AlexP_RUS

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

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

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

Просмотр сообщенияmiyako (26 Октябрь 2013 - 11:27) писал:

весь код нужно вставить в шаблон HTML
куда конкретно? И код кнопки куда?

#54 Koderhan

Koderhan

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

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

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

Просмотр сообщенияAlexP_RUS (26 Октябрь 2013 - 11:28) писал:

куда конкретно? И код кнопки куда?
нужно просто изменить имеющийся код формы на предложенный.

#55 AlexP_RUS

AlexP_RUS

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

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

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

Просмотр сообщенияKoderhan (26 Октябрь 2013 - 12:21) писал:

нужно просто изменить имеющийся код формы на предложенный.
Зачем? Это две разные кнопки, две разные формы..

#56 miyako

miyako

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

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

Отправлено 27 Октябрь 2013 - 08:37

Просмотр сообщенияAlexP_RUS (26 Октябрь 2013 - 15:21) писал:

Зачем? Это две разные кнопки, две разные формы..

Найдите код в шаблоне HTML -
<h2 id="title"><em>
и до этого кода вставьте код из сообщения - http://forum.storela...__40#entry97833
и форму и ссылку

#57 AlexP_RUS

AlexP_RUS

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

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

Отправлено 27 Октябрь 2013 - 16:34

Просмотр сообщенияmiyako (27 Октябрь 2013 - 08:37) писал:

Найдите код в шаблоне HTML -
<h2 id="title"><em>
и до этого кода вставьте код из сообщения - http://forum.storela...__40#entry97833
и форму и ссылку
Вставил, работает. Но у меня такое ощущение что этот код не совсем туда надо вставлять, да и сама кнопка появляется на сайте с верхнего края слева. Я её кончено же пробовал в разные места подставлять, но под тел и время работы магазина у меня не получается её вставить так, чтобы она не сдвигала эти самые тел и время магазина к верху.
Я лучше подожду Cake, чтобы он подсказал конкретно куда эти коды лучше ставить.

#58 Сake

Сake

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

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

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

Если кнопка будет отображаться на всех страницах, то код необходимо вставлять в шаблон "HTML". Как я понимаю именно так вы и поступили. Весь код из сообщения http://forum.storela...__40#entry97833 можно вставить цельно в конец шаблона, например перед тегом </body>
Саму же ссылку необходимо вставлять в то место - где вы хотели бы её видеть. В некоторых случаях необходимо добавление стилей чтобы добиться желаемого результата. Как я понимаю ссылку вы хотите вставить в шапку? Если да, то ссылку необходимо вставить после строки

<div id="header">

вашего шаблона "HTML" получиться так

<div id="header">
  <a href="#fastcall" id="fastcall">Обратный звонок</a>

для определения положения этой ссылки - добавим стили в main.css

#fastcall {
	left: 370px;
	position: absolute;
	top: 85px;
	z-index: 2;
}

для изменения положения ссылки - необходимо менять свойства top и left.

#59 AlexP_RUS

AlexP_RUS

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

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

Отправлено 29 Октябрь 2013 - 19:56

Cake, благодарю, всё четко и понятно.
Но есть одна загвоздочка, при отправке сообщения письмо на мыло не приходит.
И ещё хочется чтобы под ссылкой обратного звонка была линия из точек при наведении которая исчезает, как собственно тут www.reg-and-rad.ru/

#60 Сake

Сake

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

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

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

Найдите в файле стилей main.css

#fastcall {
	font-family: Arial,sans-serif;
	left: 363px;
	position: absolute;
	top: 88px;
	z-index: 2;
}

и замените на

#fastcall {
	border-bottom: 1px dotted;
	font-family: Arial,sans-serif;
	left: 363px;
	position: absolute;
	top: 88px;
	z-index: 2;
}

после добавьте

#fastcall:hover {
	text-decoration: none;
	border: none;
}

Цитата

при отправке сообщения письмо на мыло не приходит

Может письмо попадает в папку спама? или задержка доставки сообщения?




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

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