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


Публикации Сake

1000 публикаций создано Сake (учитываются публикации только с 04-Июль 23)



#154451 Быстрый Просмотр

Отправлено от Сake в 23 Август 2014 - 01:08 в Каталог товаров

Просмотр сообщенияsotil (22 Август 2014 - 08:21) писал:

Модальное окно меня устраивает, необходимо ,
1 чтобы заработала кнопка "в корзину", заработала как подобает (не перекидывала в корзину),
Выполнено

2 чтобы заработали стрелки счётчка
Выполнено

3 Добавить кнопку "перейти на основную страницу товара"
Выполнено
4 Чтобы изображения в модальном окне открывались так же как на основной странице (сейчас они открываются в новой вкладке)
Выполнено

5 Кнопка "оставить отзыв" не работает
выполнено

6 Кнопка "добавить к сравнению " не работает
Кнопка не работает но после нажатия перекидывает на основную страницу, надо чтобы можно было остаться в модальном окне
7 "Быстрый заказ " вызывает форму заполнения на задний план модального окна
Выполнено

8 В СПИСКАХ При наведении на товарную позицию, хотелось бы чтобы предлагались другие картинки для просмотра
не выполнено
9 Убрать увеличение при наведении в СПИСКАХ
не выполнено

6. В файле main.js найдите следующий код

// Кнопка добавления товара на сравнение сравнения товаров
function addGoodsCompareEvent()
{
  $('.goodsDataCompareButton') .click(function () {
		window.location.href = $(this) .attr('rel') + ($(this) .attr('rel') .indexOf('?') > - 1 ? '&' : '?') +
		'id=' +
		$('.goodsDataMainModificationId') .val() +
		'&from=' +
		$('input[name="form[goods_from]"]') .val();
		return false;
  });
}

и замените его на

// Кнопка добавления товара на сравнение сравнения товаров
function addGoodsCompareEvent()
{
  $('.goodsDataCompareButton') .click(function () {
	var href = $(this) .attr('rel') + ($(this) .attr('rel') .indexOf('?') > - 1 ? '&' : '?') +
	'id=' +
	$('.goodsDataMainModificationId') .val() +
	'&from=' +
	$('input[name="form[goods_from]"]') .val();
	$.get(href, function () {
	  var nvis = $('.goodsDataCompareButton:not(:visible)');
	  $('.goodsDataCompareButton:visible') .hide();
	  nvis.show();
	  $.get(location.href, function (html) {
		$('.contentTbodyCompare') .html($(html) .find('.contentTbodyCompare') .html());
	  });
	});
	return false;
  });
}

9. Попробуйте очистить кэш в вашем браузере, так как в списке увеличение при наведении у вас не происходит. Ранее для этого вы добавляли в файл стилей main.css

.listing .goods_images_list {
  display: none !important;
}

Просмотр сообщенияsotil (22 Август 2014 - 09:07) писал:

Подскажите, как можно поработать с элементами модального окна?

В файле main.js найдите код

$('.arcticmodal-container .goodsDataMainModificationArtNumber')
.after($('<p>').append($('<a>').attr('href', url).addClass('page-prd').text('Перейти на основную страницу товара')));

и замените его на

$('.arcticmodal-container .page-headline')
.after($('<p>').append($('<a>').attr('href', url).addClass('page-prd').text('Перейти на основную страницу товара')));

далее в самый конец файла стилей main.css добавьте код

.arcticmodal-container .page-headline {
  height: auto;
  padding: 0;
}
.arcticmodal-container .page-prd {
  background: #ffbce6;
  border: 1px solid;
  display: block;
  margin: 0 auto;
  padding: 2px;
  text-align: center;
  width: 240px;
}
.arcticmodal-container .arcticmodal-container_i {
  margin: 25px auto 0;
}
.arcticmodal-container .box-modal {
  position: relative;
}
.arcticmodal-container .arcticmodal-close {
  background: #343434;
  border: 1px solid #fff;
  border-radius: 100%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: -35px;
  text-align: center;
  top: -40px;
  width: 30px;
}

Просмотр сообщенияsotil (22 Август 2014 - 10:00) писал:

Хотелось бы поставить быстрый просмотр в список "СПИСОК

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

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm" style="position: absolute;top: 45px;">
				<p>
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />

				<div class="numeric_input">
					<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
						   /><div style="margin-top: 2px;">
						<input type="button" class="up_button"
							   onclick="this.parentNode.previousSibling.value++" />
						<input type="button" class="down_button"
							   onclick="if(parseInt(this.parentNode.previousSibling.value))
										   this.parentNode.previousSibling.value--" />
					</div>
				</div>
				<div class="clear"></div>
				<a class="readmore3" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit();
						return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"></a>
				</p>
			</form>

и замените его на

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm" style="position: absolute;top: 45px;">
				<p>
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />

				<div class="numeric_input">
					<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
						   /><div style="margin-top: 2px;">
						<input type="button" class="up_button"
							   onclick="this.parentNode.previousSibling.value++" />
						<input type="button" class="down_button"
							   onclick="if(parseInt(this.parentNode.previousSibling.value))
										   this.parentNode.previousSibling.value--" />
					</div>
				</div>
				<div class="clear"></div>
				<a class="readmore3" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit();
						return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"></a>
				</p>
			</form>
<div class="fastview" style="display: block;">
  <a href="{goods.URL}" onClick="QuickLook('{goods.URL}');  return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
</div>



#154450 Быстрый Просмотр

Отправлено от Сake в 23 Август 2014 - 00:48 в Каталог товаров

Просмотр сообщенияCoffee (22 Август 2014 - 08:03) писал:

ПОмогите разобраться, иногда (странно что иногда) в модальном окне при нажатии на В КОРЗИНУ появляется подобное сообщение Прикрепленный файл Новый.jpg

Попробуйте очистить кэш в браузере, так как ранее мы данный вопрос с вами уже решали в сообщении http://forum.storela..._60#entry153876 повторно воспроизвести проблему не удается.



#154268 Быстрый Просмотр

Отправлено от Сake в 22 Август 2014 - 00:36 в Каталог товаров

Проблема возникла из-за функции $.proxy. Необходимые изменения внес вам в файл main.js а так же обновил содержимое файла в сообщении.



#137347 Быстрый Просмотр

Отправлено от Сake в 08 Май 2014 - 01:42 в Каталог товаров

Пожалуйста, почитайте инструкцию описанную в сообщении http://forum.storela...140#entry133044
Для скачивания файла jquery.arcticmodal-0.3.min.js необходимо просто убрать символы ** в адресе к файлу (в сообщении это написано).



#154942 Быстрый Просмотр

Отправлено от Сake в 26 Август 2014 - 01:26 в Каталог товаров

В вашем шаблоне "Товары" присутствует синтаксическая ошибка - лишний тег <div> из-за чего часть товаров оказывается вне родительского блока pad-box. Замените содержимое вашего шаблона "Товары" на следующий код

Скрытый текст



#155407 Быстрый Просмотр

Отправлено от Сake в 28 Август 2014 - 00:36 в Каталог товаров

Просмотр сообщенияCoffee (27 Август 2014 - 11:11) писал:

Снова я) регистрируется js ошибка при работе с модальным окном, в логе пишется ошибка, связанная с forall.js и, по-видимому, это касается карусели сопутствующих товаров, которая в модальное окно не грузится (и не надо)
высылаю лог!
Uncaught Error: No such method "hasPrev" for jcarousel instance /forall.js:20

Ошибку можно попробовать исправить путем замены файла main.js на следующее содержимое

Скрытый текст

Просмотр сообщенияsotil (27 Август 2014 - 11:54) писал:

Спасибо, Cake! Заработало
Подскажите как реализовать такую функцию?

У вас сейчас именно так и реализовано, за исключением увеличения размера блока товара. Корректно так реализовать не получиться, так как при увеличении блока (при наведении) будут опускаться нижние блоки с товаром. В результате блоки с товарами будут судорожно прыгать.

Просмотр сообщенияtolikkansk (27 Август 2014 - 14:46) писал:

1)С этим товаром смотрят не убираются.
2) Когда добавляешь в корзину, переходит на страницу корзину, а как сделать чтобы добавлялось и появлялась всплывающая корзина( как это происходит на странице товара)?*
3)Про картинки, если у товара есть несколько картинок, нажимаешь на одну из них, то открывается она в отдельной вкладке

1. Добавьте в ваш файл стилей main.css

.arcticmodal-container .goodsData ~ h3,
.arcticmodal-container .goodsData ~ table:not(.goodsDataOpinion) {
  display: none;
}

2, 3. Замените содержимое вашего файла main.js на следующий код

Скрытый текст



#159662 Быстрый Просмотр

Отправлено от Сake в 17 Сентябрь 2014 - 00:20 в Каталог товаров

В вашем шаблоне "Товары" найдите код

<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="readmore3"  margin-left: 43px; onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину"></a>

и замените его на

<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
																																																<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
																																																<a class="readmore3"  margin-left: 43px; onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"></a>

В шаблоне "HTML" найдите код

<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="readmore3"  margin-left: 43px; onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину"></a>
																				</p>
																</form>
<div class="fastview">
  <a href="{index_page_favorites_goods.URL}" onclick="QuickLook('{index_page_favorites_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
</div>
						</div>
				</td>
				{% IFNOT index_page_favorites_goods.last %}{index_page_favorites_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}

и замените его на

<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="readmore3"  margin-left: 43px; onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_favorites_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_favorites_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_favorites_goods.NAME}&raquo; в корзину"></a>
																				</p>
																</form>
<div class="fastview">
  <a href="{index_page_favorites_goods.URL}" onclick="QuickLook('{index_page_favorites_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
</div>
						</div>
				</td>
				{% IFNOT index_page_favorites_goods.last %}{index_page_favorites_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}

далее найдите код

<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="readmore3"  margin-left: 43px; onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину"></a>
																				</p>
																</form>
<div class="fastview">
  <a href="{index_page_goods.URL}" onclick="QuickLook('{index_page_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
</div>
						</div>
				</td>
				{% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}

и замените его на

<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="readmore3"  margin-left: 43px; onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_goods.NAME}&raquo; в корзину"></a>
																				</p>
																</form>
<div class="fastview">
  <a href="{index_page_goods.URL}" onclick="QuickLook('{index_page_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
</div>
						</div>
				</td>
				{% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}



#156476 Быстрый Просмотр

Отправлено от Сake в 02 Сентябрь 2014 - 02:08 в Каталог товаров

Добавьте в конец вашего файла main.js следующий код

$(function() {
  $('.goodsListItemBlock').mouseleave(function() {
	var objImageLink = $(this).find('.goodsListImage:first a');
	if (objImageLink.length) {
	  $(this).find('.goodsListItemImage img').attr('src', objImageLink.attr('href')); 
	}
  });
});



#155900 Быстрый Просмотр

Отправлено от Сake в 29 Август 2014 - 23:38 в Каталог товаров

Вам необходимо ранее добавленный код для шаблона "Товары"

<div class="goodsListItemImages">
{% FOR images %}
		 <div class="goodsListImage">
				 <a href="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.images.OTHER}{% ENDIF %}"><img src="{goods.images.ICON}" alt="" /></a>
		 </div>
{% ENDFOR %}
</div>

заменить на код

<div class="goodsListItemImages">
{% FOR images %}{% IF goods.images.index > 5 %}{break}{% ENDIF %}
		 <div class="goodsListImage">
				 <a href="{goods.images.OTHER}{% ENDIF %}"><img src="{goods.images.ICON}" alt="" /></a>
		 </div>
{% ENDFOR %}
</div>



#155713 Быстрый Просмотр

Отправлено от Сake в 29 Август 2014 - 01:18 в Каталог товаров

Просмотр сообщенияsotil (28 Август 2014 - 11:31) писал:

Изображениеsotil (27 August 2014 - 14:54) писал:

Спасибо, Cake! Заработало
Подскажите как реализовать такую функцию?


У вас сейчас именно так и реализовано, за исключением увеличения размера блока товара. Корректно так реализовать не получиться, так как при увеличении блока (при наведении) будут опускаться нижние блоки с товаром. В результате блоки с товарами будут судорожно прыгать.
Может посмотрите на этот сайтwildberries? тут реализовано, то что меня интересует
Хотелось бы чтобы при наведении на блок с товаром в "таблице" , предлагались дополнительные картинки для просмотра.
А расширения просто накладываются на смежные товарные блоки

Добавьте в самый конец файла стилей main.css следующий код

.goodsListItemBlock {
  position: relative;
}
.goodsListItem,
.content_page,
.goodsListItemBlock {
  overflow: visible;
}
.goodsListItemImages {
  background: #fff;
  border: 1px solid #ccc;
  display: none;
  height: 300px;
  left: -62px;
  position: absolute;
  top: -1px;
  width: 60px;
  z-index: 9999;
}
.goodsListItemBlock:hover .goodsListItemImages {
  display: block;
}
.goodsListImage a {
  border-bottom: 1px solid #ccc;
  display: block;
  padding: 10px 0;
}
.goodsListImage a:hover {
  outline: 2px solid #8052c2;
}

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

$(function() {
  $('.goodsListImage a').click(function() {
	$(this).closest('.goodsListItemBlock')
	.find('.goodsListItemImage img').attr('src', $(this).attr('href'));
	return(false);
  }).hover(function() {
	$(this).trigger('click');
  });
});

далее в шаблон "Товары" после строки

<div class="goodsListItemBlock withBorder cornerAll">

вставьте код

<div class="goodsListItemImages">
  {% FOR images %}
	 <div class="goodsListImage">
		 <a href="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.images.OTHER}{% ENDIF %}"><img src="{goods.images.ICON}" alt="" /></a>
	 </div>
  {% ENDFOR %}
</div>

Просмотр сообщенияtolikkansk (28 Август 2014 - 08:06) писал:

Когда меняю  main.js выдает очень много ошибок(

Возможно вы использовали не предназначенный вам код для файла main.js. В сообщении http://forum.storela...100#entry155407 приведено 2 разных содержимого файла main.js. Используйте только содержимое предназначенное для вашего файла. Смотрите сообщение по цитатам.

Просмотр сообщенияtolikkansk (28 Август 2014 - 17:30) писал:

А можно ли, чтобы в быстром просмотре, при наведении на картинку также увеличивалась картинка, как на странице товара.

Выполните замену содержимого файла main.js как было сказано ранее в сообщении http://forum.storela...100#entry155407



#153878 Быстрый Просмотр

Отправлено от Сake в 20 Август 2014 - 01:19 в Каталог товаров

Просмотр сообщенияsotil (19 Август 2014 - 13:00) писал:

Модальное окно меня устраивает, необходимо ,
1 чтобы заработала кнопка "в корзину", заработала как подобает (не перекидывала в корзину),
Кнопка заработала, но окно извещающее о помещении товара в корзину выскакивает сзади модального окна
2 чтобы заработали стрелки счётчка
Не выполнено
3 Добавить кнопку "перейти на основную страницу товара"
Кнопка не добавлена
4 Чтобы изображения в модальном окне открывались так же как на основной странице (сейчас они открываются в новой вкладке)
Изображения открываются , но за модальным окном
5 Кнопка "оставить отзыв" не работает
работает
6 Кнопка "добавить к сравнению " не работает
Кнопка не работает
7 "Быстрый заказ " вызывает форму заполнения на задний план модального окна
Всё также
8 В СПИСКАХ При наведении на товарную позицию, хотелось бы чтобы предлагались другие картинки для просмотра
не выполнено
9 Убрать увеличение при наведении в СПИСКАХ
не выполнено

Замените содержимое вашего файла main.js на следующий код

Скрытый текст

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

div#nyroModalFull {
  z-index: 99999 !important;
}



#154117 Быстрый Просмотр

Отправлено от Сake в 21 Август 2014 - 00:04 в Каталог товаров

Просмотр сообщенияsotil (20 Август 2014 - 09:15) писал:

Модальное окно меня устраивает, необходимо ,
1 чтобы заработала кнопка "в корзину", заработала как подобает (не перекидывала в корзину),
Выполнено

2 чтобы заработали стрелки счётчка
Не выполнено
3 Добавить кнопку "перейти на основную страницу товара"
Кнопка не добавлена
4 Чтобы изображения в модальном окне открывались так же как на основной странице (сейчас они открываются в новой вкладке)
Выполнено

5 Кнопка "оставить отзыв" не работает
выполнено

6 Кнопка "добавить к сравнению " не работает
Кнопка не работает
7 "Быстрый заказ " вызывает форму заполнения на задний план модального окна
Выполнено

8 В СПИСКАХ При наведении на товарную позицию, хотелось бы чтобы предлагались другие картинки для просмотра
не выполнено
9 Убрать увеличение при наведении в СПИСКАХ
не выполнено

Замените содержимое вашего файла main.js на следующий код

Скрытый текст

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

.listing .goods_images_list {
display: none !important;
}



#153876 Быстрый Просмотр

Отправлено от Сake в 20 Август 2014 - 00:35 в Каталог товаров

Просмотр сообщенияCoffee (19 Август 2014 - 09:58) писал:

Спасибо, Cake! Теперь кол-во работает и окно с подтверждением тоже, но вот что странно:

1) я заметил после полной очистки истории вот это (при добавлении в корзину) Прикрепленный файл whatisit.jpg. Появляется иногда. Странно.
2) число товаров в корзине не обновляется после добавления товара из модального окна.

В вашем файле main.js найдите следующий код

$('.arcticmodal-container .ajax_add_to_cart_button')
  .removeAttr('onclick').click(function() {
		var form = $(this).closest('form');
		$.post(form.attr('action'), form.serializeArray(), function(html) {
		  var message = $(html).find('.messages');
		  if (message.length && message.find('.success').length) {
				$('.arcticmodal-close').trigger('click');
		  }
				  $.fancybox({
						content: message
				  });
				  setTimeout(function() {
						if ($('.fancybox-inner .messages').length) {
						  $('.fancybox-close').trigger('click');
						}
				  }, 5000);
		});
		return (false);
  });

и замените его на

$('.arcticmodal-container .ajax_add_to_cart_button') .removeAttr('onclick') .click(function () {
  var form = $(this) .closest('form');
  $.post(form.attr('action'), form.serializeArray(), function (html, textStatus, jqXHR) {
	var success = function (content) {
	  $('#header_shopping_cart:first').html($(content).find('#header_shopping_cart:first').html());
	  $('#cart_block_other_costs:first').html($(content).find('#cart_block_other_costs:first').html());
	  var message = $(content) .find('.messages');
	  if (message.length && message.find('.success') .length) {
		$('.arcticmodal-close') .trigger('click');
	  }
	  $.fancybox({
		content: message
	  });
	  setTimeout(function () {
		if ($('.fancybox-inner .messages') .length) {
		  $('.fancybox-close') .trigger('click');
		}
	  }, 5000);
	};
	if (html.indexOf('window.location') !== -1) {
	  $.get('/cart', $.proxy(function(success, html) {
		success(html);
	  }, this, success));
	} else {
	  success(html);
	}
  });
  return (false);
});



#152644 Быстрый Просмотр

Отправлено от Сake в 13 Август 2014 - 00:48 в Каталог товаров

Часть кода испорчена форумом из-за отображения некорректного символа. Необходимо использовать инструкцию из сообщения http://forum.storela..._20#entry151889 если этого еще не сделано. Большинство проблем связано с ошибкой javascript. После внесения изменения - очистите кэш в вашем браузере.



#152431 Быстрый Просмотр

Отправлено от Сake в 12 Август 2014 - 05:37 в Каталог товаров

Для придания необходимого вида - добавьте в ваш файл стилей style.css

.arcticmodal-container #views_block,
.arcticmodal-container .breadcrumb,
.arcticmodal-container #more_info_block {
  display: none;
}
.arcticmodal-container #right-wrapper,
.arcticmodal-container #left-column {
  margin-left: 0;
  width: auto;
}



#137498 Быстрый Просмотр

Отправлено от Сake в 09 Май 2014 - 00:16 в Каталог товаров

К сожалению, не совсем понятно по какой причине у вас не отображается страница, хотя судя по теме форума - вы оставляли там сообщение http://forum.storela...140#entry137234 попробуйте зайти в тему форума по вашей истории или же по указанной ссылке. В дополнении продублирую сообщение

быстрый просмотр/
файл http://**f13872.stor...odal-0.3.min.js - звездочки убрать, скачать на комп и залить
в html до </head>

Цитата

<!-- arcticModal -->
<script src="{ASSETS_JS_PATH}jquery.arcticmodal-0.3.min.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}jquery.arcticmodal-0.3.css">
<!-- arcticModal theme -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}simple.css">
в html в специальных категориях
товары на главной

Цитата

<p style="margin-top: 20px" class="text-center">
<a href="{index_page_goods.URL}" onClick="QuickLook('{index_page_goods.URL}'); return false;" class="ajax pt-sans font-size-16">БЫСТРЫЙ ПРОСМОТР &raquo;</a>
</p>
хиты продаж

Цитата

<p style="margin-top: 20px" class="text-center">
<a href="{index_page_favorites_goods.URL}" onClick="QuickLook('{index_page_favorites_goods.URL}'); return false;" class="ajax pt-sans font-size-16">БЫСТРЫЙ ПРОСМОТР &raquo;</a>
</p>
новинки

Цитата

<p style="margin-top: 20px" class="text-center">
<a href="{index_page_new_goods.URL}" onClick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">БЫСТРЫЙ ПРОСМОТР &raquo;</a>
</p>

в шаблон товары:

Цитата

<p style="margin-top: 20px" class="text-center">
<a href="{goods.URL}" onClick="QuickLook('{goods.URL}'); return false;" class="ajax pt-sans font-size-16">БЫСТРЫЙ ПРОСМОТР &raquo;</a>
</p>

в main.js
function QuickLook(url)
{
jQuery.ajax({
type : 'POST',
cache: false,
url: url,
			 data: {only_body : 1},
success: function(data)
{
				 var c = $('<div class="box-modal" />');
				 c.html(data);
				 c.prepend('<div class="box-modal_close arcticmodal-close">X</div>');
				 insertDateOrder©;
				 $.arcticmodal({content: c});[/b]
[b] }
});
}
$(function() {
insertDateOrder($('body'));
});



#152982 Быстрый Просмотр

Отправлено от Сake в 15 Август 2014 - 00:37 в Каталог товаров

Просмотр сообщенияsotil (14 Август 2014 - 07:57) писал:

Попробовал ещё раз на НОВИНКАХ, выглядит нехорошо и быстрый просмотр перекидывет на страницу товара и показывает ошибку JS

У вас не загружен файл стилей. Скачайте файл jquery.arcticmodal-0.3.css и загрузите его в разделе Сайт -> Редактор шаблонов.

Просмотр сообщенияCoffee (14 Август 2014 - 08:35) писал:

Да, конечно, файл сохранил. Сейчас поставит несжатый main.js. Проблема остается + регистрируется 1 js ошибка

Попробуйте заменить содержимое вашего файла main.js на следующий код

Скрытый текст



#152837 Быстрый Просмотр

Отправлено от Сake в 14 Август 2014 - 01:15 в Каталог товаров

Просмотр сообщенияsotil (13 Август 2014 - 13:00) писал:

Здравствуйте! Подскажите такой вопрос. Вы говорите , чтобы мы, неустраивающие нас изменения внесённые в шаблоны, не трогали, чтобы Вы изучили проблему. Сайт более суток стоит в непотребном состоянии.

Пожалуйста, обратите более тщательное внимание на сообщение:
#39sotil




В нём указано, что испробованы ТРИ предложенных варианта JS кода и Вы мне опять предлагаете поставить один из них, при том, что он и стоит на сайте, но  я опять его вставил, ничего не поменялось. Также в сообщении просьба поправить некоторый интерфейс, поддержанная изображениями.

На данный момент проблема открытия быстрого просмотра связана с отсутствием кода функции QuickLook в вашем файле main.js
Код должен выглядеть следующим образом

function QuickLook(url)
{
  jQuery.ajax({
	type: 'POST',
	cache: false,
	url: url,
	data: {
	  only_body: 1
	},
	success: function (data)
	{
	  var c = $('<div class="box-modal" />');
	  c.html(data);
	  c.prepend('<div class="box-modal_close arcticmodal-close">X</div>');
	  $.arcticmodal({
		content: c
	  });
	}
  });
}

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

Просмотр сообщенияCoffee (14 Август 2014 - 00:19) писал:

Извините, я вклинюсь. У меня нормально работает это решение, но в модальном окне в блоке выбора модификаций и количества цена не меняется, как это делается при выборе модификаций непосредственно в карточке товара. Можно сделать, чтобы скрипт работал (изменял цену) и в модальном окне тоже?

Проблема в том что требуемые события не добавляются. Понадобится внести большие изменения в файл main.js. Судя по вашему файлу main.js он сжат, что затрудняет внесение изменений. У вас исходный код остался? Если изменений до QuickLook не вносилось, то возможно подойдет стандартный main.js из используемой вами темы оформления?



#153150 Быстрый Просмотр

Отправлено от Сake в 16 Август 2014 - 02:12 в Каталог товаров

Просмотр сообщенияCoffee (15 Август 2014 - 11:20) писал:

Спасибо, так заработало! Последний вопрос! :) У меня в карточке товара картинка визуально улетает в корзину, здесь же всплывает еще одно модальное окно с предложением о быстром заказе: да, нет. В самом товаре стоит
<p id="add_to_cart"> <a class="ajax_add_to_cart_button add_to_cart_ph" onclick="quickorder('.goodsDataForm');return false;" title="Быстрый заказ">В корзину</a></p>
		
, но здесь видимо ajax_add_to_cart_button add_to_cart_ph не работает как в товаре
Так вот, можно сделать, чтобы при онклик в корзину
1) в модальном окне окно просто пропадало
2)  и всего-лишь на время появлялось фраза "Товар в корзине" и исчезала?
Спасибо!

У вас на данный момент в карточке товара, при нажатии на кнопку купить - не появляется модальное окно с предложением быстрого заказа. Как я понимаю вы уже решили данный вопрос? Актуален ли ваш второй вопрос с появлением сообщения? По сути у вас плавающая корзина, где видно что товар добавился или нет.

Просмотр сообщенияsotil (15 Август 2014 - 22:05) писал:

Спасибо, окно заработало!
1 Единственное, можно ли как то сделать, чтобы курсор при наведении на крестик, становился рукой, а то сейчас он становится текстовым.

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

Стрелки счётчика не работают

2 В моём вопросе интерес не к cursor:pointer;, а к тому чтобы после добавления быстрого просмотра , поставить всё на свои места и сделать расширенный блок при наведении курсора в списках, как указано на картинке.
3 Нужно чтобы при наведении на товарную позицию, блок автоматически расширяется и в дополнительных полях , справа появляются другие изображения товара, снизу предлагается кнопка с быстрым просмотром. Как это должно выглядеть и работать изображено на картинках.
Дополнительные поля просто должны накладываться сверху на другие элементы смежные справа и снизу, не должно происходить никаких движений и дёрганий.

4 В корзине стрелки счётчика с'ехали с места вниз

Добавьте в ваш файл стилей jquery.arcticmodal-0.3.css

.arcticmodal-close {
  cursor: pointer;
  display: inline-block;
  padding: 2px;
}

далее найдите и удалите в шаблоне "HTML" код

<p style="margin-top: 20px" class="text-center">
  <a href="{index_page_new_goods.URL}" onClick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">БЫСТРЫЙ ПРОСМОТР &raquo;</a>
</p>

далее найдите

<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="readmore3"  margin-left: 43px; onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину"></a>
										</p>
								</form>

и замените на

<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="readmore3"  margin-left: 43px; onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину"></a>
										</p>
								</form>
<div class="fastview">
  <a href="{index_page_new_goods.URL}" onclick="QuickLook('{index_page_new_goods.URL}'); return false;" class="ajax pt-sans font-size-16">Быстрый просмотр</a>
</div>

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

.fastview {
  background: #ffbce6;
  border: 1px solid #ff85d2;
  clear: both;
  display: none;
  margin: 0 auto;
  padding: 5px;
  width: 139px;
}
.goodsListItemBlock:hover .fastview {
  display: block;
}
.fastview:hover {
  background: #ffa6de;
}
.fastview a {
  color: #5c5a5a;
  text-decoration: none;
}

Далее вам необходимо определить какие элементы в модальном окне быстрого заказа должны остаться, а какие необходимо скрыть. Только после этого понадобится вносить большие дополнительные изменения в файл main.js аналогично изменениям пользователю Coffee.



#153644 Быстрый Просмотр

Отправлено от Сake в 19 Август 2014 - 06:28 в Каталог товаров

Просмотр сообщенияsotil (16 Август 2014 - 07:51) писал:

Модальное окно меня устраивает, необходимо ,
1 чтобы заработала кнопка "в корзину", заработала как подобает (не перекидывала в корзину),
2 чтобы заработали стрелки счётчика,
3 Добавить кнопку "перейти на основную страницу товара"
4 Чтобы изображения в модальном окне открывались так же как на основной странице (сейчас они открываются в новой вкладке)
5 Кнопка "оставить отзыв" не работает
6 Кнопка "добавить к сравнению " не работает
7 "Быстрый заказ " вызывает форму заполнения на задний план модального окна
8 В СПИСКАХ При наведении на товарную позицию, хотелось бы чтобы предлагались другие картинки для просмотра
9 Убрать увеличение при наведении в СПИСКАХ

Замените содержимое вашего файла main.js на следующий код

Скрытый текст



#153641 Быстрый Просмотр

Отправлено от Сake в 19 Август 2014 - 06:11 в Каталог товаров

Замените ваш код main.js на следующий

Скрытый текст



#158753 Ошибка Js , Не Найду Где... Спасите....

Отправлено от Сake в 12 Сентябрь 2014 - 23:47 в Ошибки, возникшие после самостоятельного изменения шаблонов

На вашем сайте не удается обнаружить описываемую вами ошибку. Вы можете выполнить инструкцию из сообщения http://forum.storela...360#entry158268



#155902 Ошибка Js , Не Найду Где... Спасите....

Отправлено от Сake в 29 Август 2014 - 23:42 в Ошибки, возникшие после самостоятельного изменения шаблонов

К сожалению, на вашем сайте не удалось найти описываемую вами ошибку javascript. Попробуйте очистить кэш в вашем браузере.



#154272 Ошибка Js , Не Найду Где... Спасите....

Отправлено от Сake в 22 Август 2014 - 00:55 в Ошибки, возникшие после самостоятельного изменения шаблонов

В шаблоне "Быстрый заказ" найдите строку

<input id="contactPassWord" type="password" name="form[contact][pass]" value="{ORDER_FORM_CONTACT_PASS}" maxlength="50" minlength="6" class="input-text {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %}"
			 onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>

и замените её на

<input id="contactPassWord" type="password" name="form[contact][pass]" value="{ORDER_FORM_CONTACT_PASS}" maxlength="50" minlength="6" class="input-text {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %}" />



#148911 Ошибка Js , Не Найду Где... Спасите....

Отправлено от Сake в 21 Июль 2014 - 22:04 в Ошибки, возникшие после самостоятельного изменения шаблонов

В вашем шаблоне "Оформление заказа" задана строка следующего вида

<script type="text/javascript" src="http://qiwipost.ru/widget/qiwipost_storeland_2.js"></script>

Проблема в том, что файла qiwipost_storeland_2.js по адресу

http://qiwipost.ru/widget/qiwipost_storeland_2.js

не существует. Проверьте правильность адреса к файлу.