Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Категории И Кнопки Купить И Подробнее

Автор arver, 18 окт. 2013 22:18

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 21

#1 arver

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

Пользователи
982 сообщений

Отправлено 18 Октябрь 2013 - 22:18

Доброй ночи,возникли проблемы с которомы не могу справиться...( Искал по форуму не нашел.
1)Не знаю как добавить две кнопки купить и подробнее под категориями на главной.Рисунок прилагаю.рис1
2)Увеличиваю размер в настройки-основные-изображения категорий,но рисунок категории не увеличивается...наверно сюда же как опустить ниже название и цену
3)Возможно ли сразу поменять цвет например у надписи "каталог товаров","вы смотрели" ,"хиты продаж" и т.д.чтобы не прописывать для каждого слова цвет...

аккаунт-

SL-203796

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

Наверх

#2 Vaccina

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

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

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

1) Найдите в шаблоне "HTML"

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_favorites_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
						  <div>
								<input type="hidden" name="hash" value="{HASH}" />
								<input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
								<input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
								<a class="readmore" onclick="$('#goodsListFormId{index_page_favorites_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Положить &laquo;{index_page_favorites_goods.NAME}&raquo;в корзину" href="#">Купить</a>
						  </div>
						</form>

и замените на

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_favorites_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
						  <div>
								<input type="hidden" name="hash" value="{HASH}" />
								<input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
								<input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
		<a class="readmore title="Подробнее о &laquo;{index_page_favorites_goods.NAME}&raquo;" href="{index_page_favorites_goods.URL}">Подробнее</a>
								<a class="readmore" onclick="$('#goodsListFormId{index_page_favorites_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Положить &laquo;{index_page_favorites_goods.NAME}&raquo;в корзину" href="#">Купить</a>
						  </div>
						</form>

далее в файл стилей main.css добавьте

.readmore {
  border: 2px solid #E5E5E5;
  color: #6F6F6F !important;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  text-decoration: none !important;
  width: 85px;
}
.readmore:hover {
  background: #F7F7F7;
}

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

.goods-image-small {
	max-height: 100px;
	max-width: 100px;
}

и измените размеры задав такие же размеры как в разделе Настройки -> Основные. Далее найдите

.goodsListItemImage {
	height: 100px;
	margin-top: 1em;
}

и измените height задав высоту равную высоте заданную как в разделе Настройки -> Основные.

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

h4, h4 a {
	color: #BE9E4C;
	font-size: 1.1666em;
	font-weight: normal;
	line-height: 1.4285em;
	margin: 1.4285em 0 0.7142em;
}

и измените цвет #BE9E4C

Наверх

#3 arver

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

Пользователи
982 сообщений

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

Спасибо помогло,кроме того что до сих пор никак не получается увеличить изображение картинки.Когда меняю значения просто цена ниже опускается,а само изображение фиксированное(

Наверх

#4 miyako

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

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

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

arver (19 Октябрь 2013 - 18:44) писал:

Спасибо помогло,кроме того что до сих пор никак не получается увеличить изображение картинки.Когда меняю значения просто цена ниже опускается,а само изображение фиксированное(

Вы не изменили в Настройках размеры изображений для маленьких, а также в стилях у Вас код -

.goods-image-small {
		max-height: 100px;
		max-width: 100px;
}

Попробуйте, как сказано в инструкции выше изменить эти размеры.

В карточке товара используется код -

.goods-image-medium {
max-width: 280px;
max-height: 280px;
}

В настройках для средних изображений - 280

На сайте у Вас сейчас отображаются изображения в соответствии с выбранными размерами.

Наверх

#5 arver

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

Пользователи
982 сообщений

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

Спасибо за помощь

Наверх

#6 arver

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

Пользователи
982 сообщений

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

Добрый день помогите вернуть на место форму и сам каталог,картинку прилагаю
2)Кнопки купить и подробнее только у списка хитов,у остальных двух категорий данные кнопки отсутствуют(((
Аккаунт SL-203796

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

Наверх

#7 miyako

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

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

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

arver (20 Октябрь 2013 - 16:33) писал:

HELP

Найдите код в шаблоне Товары -

<!-- <p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> -->

<!-- Если отображаем полный каталог товаров, без указания категории -->
	<!--  {% IF IS_FULL_CATALOG %}
		&gt; <strong>Каталог товаров</strong>
	  <!-- Если отображаем товары в категории --><!--
	  {% ELSE %}
		&gt; <a href="{CATALOG_URL}" >Каталог товаров</a>
		{% FOR upper_navigation %}
		  {% IF upper_navigation.CURRENT %} &gt; <strong>{upper_navigation.NAME}</strong>{% ELSEIF upper_navigation.CURRENT_PARENT %} &gt; <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
		{% ENDFOR %}
	  {% ENDIF %}
</p>
<h1>{CATEGORY_NAME}</h1>

и замените на -

<!-- <p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> -->

<!-- Если отображаем полный каталог товаров, без указания категории -->
	<!--  {% IF IS_FULL_CATALOG %}
		&gt; <strong>Каталог товаров</strong>
	  <!-- Если отображаем товары в категории --><!--
	  {% ELSE %}
		&gt; <a href="{CATALOG_URL}" >Каталог товаров</a>
		{% FOR upper_navigation %}
		  {% IF upper_navigation.CURRENT %} &gt; <strong>{upper_navigation.NAME}</strong>{% ELSEIF upper_navigation.CURRENT_PARENT %} &gt; <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
		{% ENDFOR %}
	  {% ENDIF %}
</p>
<h1>{CATEGORY_NAME}</h1>-->

Наверх

#8 arver

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

Пользователи
982 сообщений

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

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

Наверх

#9 Koderhan

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

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

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

arver (21 Октябрь 2013 - 13:09) писал:

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

В файле "HTML".
После кода:

<div class="goodsListItemBlock withBorder cornerAll">
						<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
						<h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
						<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
						{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}
						</div>

Добавить:

						 <div>
							 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
												  <div>
																<input type="hidden" name="hash" value="{HASH}" />
																<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
																<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
				<a class="readmore" title="Подробнее о &laquo;{index_page_goods.NAME}&raquo;"
				href="{index_page_goods.URL}">Подробнее</a>
				
				 <div class="iframe_block_order" style="display:none;"><center>
		<form method="post" action="http://{NET_DOMAIN}/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="{HASH}" />
						{% IF FORM_SEND_OK %}
								<h3 class="green">Спасибо за Ваше сообщение! В скором времени мы свяжемся с Вами.</h3>
								<a href="http://{NET_DOMAIN}/">Перейти на главную</a>
						{% ELSE %}
		   <table class="prd-block">
				<tr class="prd-table">
				 <td colspan="2">
				  <table>
				   <tr>
						<td class="form_product_img"></td>
				 <td class="form_product_name"></td>
				 <td class="form_product_price"></td>
				</tr>
		   </table>
		  </td>
		 </tr>
		 <tr>
				 <td>Ваше имя*:</td>
		  <td><input id="feedback_name" style="width: 150px; 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: 150px; margin: 10px;" name="form[feedback_message]" class="required" required="required" placeholder="Телефон" minlength="5" /></td>
		 </tr>
		 <tr style="display: none;">
								 <td>Ваш email*:</td>
				  <td><input id="feedback_еmail" name="form[feedback_email]" type="hidden" value="bestzon@mail.ru" /></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>*не забудьте оставить свой контактный телефон для подтверждения заказа</p>
								 {% ENDIF %}
										</div>
								  </form>
								</center></div>
<a class="readmore" id="fastorder" href="#fastorder""><font color="#800000">Купить</font></a>
<script type="text/javascript">
$('a#fastorder').click(function(e) {
$('.form_product_name').text('{GOODS_NAME}');
$('.form_product_img').html($('.goodsDataMainImagesIcon:eq(0)').clone(false));
$('.form_product_price').html($('.goodsDataMainModificationDataBlock .goodsDataMainModificationPriceNow:first').clone());
e.preventDefault();
var width = 400;
var height = 260;
var content = $('.iframe_block_order').html();
$.fn.nyroModalManual({
width: 400,
height: height,
content: content,
minWidth: width,
minHeight: height,	   
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>
												  </div>
												</form>
												  </div>

После кода:

<div class="goodsListItemBlock withBorder cornerAll">
						<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>
						<h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
						<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
						{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}
						</div>

Добавить:

						 <div>
							 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
												  <div>
																<input type="hidden" name="hash" value="{HASH}" />
																<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
																<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
				<a class="readmore" title="Подробнее о &laquo;{index_page_new_goods.NAME}&raquo;"
				href="{index_page_new_goods.URL}">Подробнее</a>
				
				 <div class="iframe_block_order" style="display:none;"><center>
		<form method="post" action="http://{NET_DOMAIN}/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="{HASH}" />
						{% IF FORM_SEND_OK %}
								<h3 class="green">Спасибо за Ваше сообщение! В скором времени мы свяжемся с Вами.</h3>
								<a href="http://{NET_DOMAIN}/">Перейти на главную</a>
						{% ELSE %}
		   <table class="prd-block">
				<tr class="prd-table">
				 <td colspan="2">
				  <table>
				   <tr>
						<td class="form_product_img"></td>
				 <td class="form_product_name"></td>
				 <td class="form_product_price"></td>
				</tr>
		   </table>
		  </td>
		 </tr>
		 <tr>
				 <td>Ваше имя*:</td>
		  <td><input id="feedback_name" style="width: 150px; 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: 150px; margin: 10px;" name="form[feedback_message]" class="required" required="required" placeholder="Телефон" minlength="5" /></td>
		 </tr>
		 <tr style="display: none;">
								 <td>Ваш email*:</td>
				  <td><input id="feedback_еmail" name="form[feedback_email]" type="hidden" value="bestzon@mail.ru" /></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>*не забудьте оставить свой контактный телефон для подтверждения заказа</p>
								 {% ENDIF %}
										</div>
								  </form>
								</center></div>
<a class="readmore" id="fastorder" href="#fastorder""><font color="#800000">Купить</font></a>
<script type="text/javascript">
$('a#fastorder').click(function(e) {
$('.form_product_name').text('{GOODS_NAME}');
$('.form_product_img').html($('.goodsDataMainImagesIcon:eq(0)').clone(false));
$('.form_product_price').html($('.goodsDataMainModificationDataBlock .goodsDataMainModificationPriceNow:first').clone());
e.preventDefault();
var width = 400;
var height = 260;
var content = $('.iframe_block_order').html();
$.fn.nyroModalManual({
width: 400,
height: height,
content: content,
minWidth: width,
minHeight: height,	   
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>
												  </div>
												</form>
												  </div>

Наверх

#10 arver

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

Пользователи
982 сообщений

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

Отлично все работает,огромное спасибо,осталось только доработать форму для заказа в 1 клик(http://forum.storela...заказ-в-1-клик/)

Наверх

#11 Koderhan

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

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

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

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:

#nyroModalWrapper .block_order .button_med {
		background: #FFDB00;
		height: 30px;
		width: 300px;
}

Заменить:

#nyroModalWrapper .block_order .button_med {
		background: #0d0054;
		height: 30px;
		width: 225px;
		margin-left: -10px;
}

Наверх

#12 arver

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

Пользователи
982 сообщений

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

Цвет кнопки поменялся...но кнопка по прежнему не работает js ошибки при нажатии купить появляются+не выводится мини изображение товара,его описание и цена как на сайте http://www.car-dvr.r...delta_plus_new/(в моем случае отображаются 3 маленьких квадратика)
Аккаунт SL-203796 Очень нужна помощь!

Наверх

#13 Сake

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

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

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

Найдите в шаблоне "HTML" строки

$('.form_product_img').html($('.goodsDataMainImagesIcon:eq(0)').clone(false));
$('.form_product_price').html($('.goodsDataMainModificationDataBlock .goodsDataMainModificationPriceNow:first').clone());

и замените их на

$('.form_product_img').html($(this).closest('.goodsListItem').find('.goodsListItemImage:eq(0)').clone(false));
$('.form_product_price').html($(this).closest('.goodsListItem').find('.goodsListItemBlock > a').clone());

Наверх

#14 arver

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

Пользователи
982 сообщений

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

Здорово,наконец-то появилось изображение и цена товара в окне быстрой покупки,правда остаются следующий проблемы:
1)При нажатии кнопки купить собираются js ошибки
2)название товара почему-то не отображается
Требуется помощь!
SL-203796

Наверх

#15 Koderhan

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

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

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

Для того чтобы отобразить название товара.
В файле html.
Код:

$('.form_product_name').text('{GOODS_NAME}');

Заменить:

$('.form_product_name').html($(this).closest('.goodsListItem').find('.goodsListItemName > a').clone(false));

Наверх

#16 arver

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

Пользователи
982 сообщений

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

Отлично теперь название отображается!
1)При нажатии кнопки купить собираются js ошибки ((

Наверх

#17 arver

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

Пользователи
982 сообщений

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

Help

Наверх

#18 Сake

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

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

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

Возможно ошибка связана с дубликатами которые получились после вставки кода внутрь цикла и внутрь уже существующей формы. Попробуйте сделать следующие изменения - в шаблоне "HTML" найдите дубликаты

<div class="iframe_block_order" style="display:none;"><center>
				<form method="post" action="http://{NET_DOMAIN}/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="{HASH}" />
												{% IF FORM_SEND_OK %}
																<h3 class="green">Спасибо за Ваше сообщение! В скором времени мы свяжемся с Вами.</h3>
																<a href="http://{NET_DOMAIN}/">Перейти на главную</a>
												{% ELSE %}
				   <table class="prd-block">
								<tr class="prd-table">
								 <td colspan="2">
								  <table>
								   <tr>
												<td class="form_product_img"></td>
								 <td class="form_product_name"></td>
								 <td class="form_product_price"></td>
								</tr>
				   </table>
				  </td>
				 </tr>
				 <tr>
								 <td>Ваше имя<font color="#800000">*</font>:</td>
				  <td><input id="feedback_name" style="width: 150px; margin: 10px;" name="form[feedback_name]" placeholder="Имя" maxlength="50" required="required" minlength="3" class="input required" /></td>
				 </tr>
				 <tr>
								 <td>Ваш телефон<font color="#800000">*</font>:</td>
				  <td><input id="feedback_message" style="width: 150px; margin: 10px;" name="form[feedback_message]" class="required" required="required" placeholder="Телефон" minlength="5" /></td>
				 </tr>
				 <tr style="display: none;">
																 <td>Ваш email*:</td>
								  <td><input id="feedback_еmail" name="form[feedback_email]" type="hidden" value="bestzon@mail.ru" /></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><font color="#800000">*</font>
																				не забудьте оставить свой контактный телефон для подтверждения заказа</p>
																 {% ENDIF %}
																				</div>
																  </form>
																</center></div>
<a class="readmore" id="fastorder" href="#fastorder""><font color="#800000">Купить</font></a>
<script type="text/javascript">
$('a#fastorder').click(function(e) {
$('.form_product_name').html($(this).closest('.goodsListItem').find('.goodsListItemName > a').clone(false));
$('.form_product_img').html($(this).closest('.goodsListItem').find('.goodsListItemImage:eq(0)').clone(false));
$('.form_product_price').html($(this).closest('.goodsListItem').find('.goodsListItemBlock > a').clone());
e.preventDefault();
var width = 400;
var height = 260;
var content = $('.iframe_block_order').html();
$.fn.nyroModalManual({
width: 600,
height: 400,
content: content,
minWidth: 600,
minHeight: 400,		
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 class="readmore" id="fastorder" href="#fastorder" /><font color="#800000">Купить</font></a>

после в самый конец файла main.js вставьте

$(function() {
$('a#fastorder').click(function(e) {
$('.form_product_name').html($(this).closest('.goodsListItem').find('.goodsListItemName > a').clone(false));
$('.form_product_img').html($(this).closest('.goodsListItem').find('.goodsListItemImage:eq(0)').clone(false));
$('.form_product_price').html($(this).closest('.goodsListItem').find('.goodsListItemBlock > a').clone());
e.preventDefault();
var width = 400;
var height = 260;
var content = $('.iframe_block_order').html();
$.fn.nyroModalManual({
width: 600,
height: 400,
content: content,
minWidth: 600,
minHeight: 400,	   
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);
});
});

далее в шаблон "HTML" после тега <body> вставьте

<div class="iframe_block_order" style="display:none;"><center>
				<form method="post" action="http://{NET_DOMAIN}/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="{HASH}" />
												{% IF FORM_SEND_OK %}
																<h3 class="green">Спасибо за Ваше сообщение! В скором времени мы свяжемся с Вами.</h3>
																<a href="http://{NET_DOMAIN}/">Перейти на главную</a>
												{% ELSE %}
				   <table class="prd-block">
								<tr class="prd-table">
								 <td colspan="2">
								  <table>
								   <tr>
												<td class="form_product_img"></td>
								 <td class="form_product_name"></td>
								 <td class="form_product_price"></td>
								</tr>
				   </table>
				  </td>
				 </tr>
				 <tr>
								 <td>Ваше имя<font color="#800000">*</font>:</td>
				  <td><input id="feedback_name" style="width: 150px; margin: 10px;" name="form[feedback_name]" placeholder="Имя" maxlength="50" required="required" minlength="3" class="input required" /></td>
				 </tr>
				 <tr>
								 <td>Ваш телефон<font color="#800000">*</font>:</td>
				  <td><input id="feedback_message" style="width: 150px; margin: 10px;" name="form[feedback_message]" class="required" required="required" placeholder="Телефон" minlength="5" /></td>
				 </tr>
				 <tr style="display: none;">
																 <td>Ваш email*:</td>
								  <td><input id="feedback_еmail" name="form[feedback_email]" type="hidden" value="bestzon@mail.ru" /></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><font color="#800000">*</font>
																				не забудьте оставить свой контактный телефон для подтверждения заказа</p>
																 {% ENDIF %}
																				</div>
																  </form>
																</center></div>

Наверх

#19 arver

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

Пользователи
982 сообщений

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

Огромное спасибо,теперь окно заказа в 1 клик функционирует!

Наверх

#20 arver

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

Пользователи
982 сообщений

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

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