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

[vadim777]

Здравствуйте!
Можно ли реализовать функцию Быстрого просмотра товара. Очень полезная вещь

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

• 

[daria_dnk]

vadim777 (01 Май 2014 - 22:47) писал:

Здравствуйте!
Можно ли реализовать функцию Быстрого просмотра товара. Очень полезная вещь

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

Данный вопрос уже обсуждался у нас на форуме. Попробуйте почитать например здесь.

[vadim777]

daria_dnk (03 Май 2014 - 14:48) писал:

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

Данный вопрос уже обсуждался у нас на форуме. Попробуйте почитать например здесь.

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

[Сake]

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

[vadim777]

Сake (08 Май 2014 - 01:42) писал:

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

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

[Сake]

К сожалению, не совсем понятно по какой причине у вас не отображается страница, хотя судя по теме форума - вы оставляли там сообщение 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'));
});

[vadim777]

Сake (09 Май 2014 - 00:16) писал:

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

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

в html в специальных категориях
товары на главной


хиты продаж


новинки


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


в 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'));
});

не получается сделать, делаю явно чтото не то. подскажите куда конкретно что вставлять, пожалуйста.

[Vaccina]

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

код кнопки вставляемый в товары, товары обычно обрамлены комментариями с пояснением, что это за зверь, пример новинок:

<!-- Список новинок на главной -->
				{% IFNOT index_page_new_goods_empty %}
				  <div class="pad-box">
					<h3><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h3>
					<table>
					  <tr>
					  {% FOR index_page_new_goods %}
						<td class="goodsListItem"> 
						  <div class="goodsListItemBlock withBorder cornerAll">
							<table class="goodsListItemImage">
							  <tr>
								<td>
								  <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
								</td>
							  </tr>
							</table>
						   
							<h2 class="goodsListItemName"><a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">{index_page_new_goods.NAME}</a></h2>
							<div class="goodsListItemPriceNew">
							  <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
							</div> 
							<div class="goodsListItemPriceOld">
							  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
								<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 %}
								<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>
						</td>
						{% IFNOT index_page_new_goods.last %}{index_page_new_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
					  {% ENDFOR index_page_new_goods %}
					  </tr>
					</table>
				  </div>
				{% ENDIF %}
				<!-- end Список новинок на главной -->

пример со вставленной кнопкой:

<!-- Список новинок на главной -->
				{% IFNOT index_page_new_goods_empty %}
				  <div class="pad-box">
					<h3><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h3>
					<table>
					  <tr>
					  {% FOR index_page_new_goods %}
						<td class="goodsListItem"> 
						  <div class="goodsListItemBlock withBorder cornerAll">
							<table class="goodsListItemImage">
							  <tr>
								<td>
								  <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
								</td>
							  </tr>
							</table>
						   
							<h2 class="goodsListItemName"><a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">{index_page_new_goods.NAME}</a></h2>
							<div class="goodsListItemPriceNew">
							  <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
							</div> 
							<div class="goodsListItemPriceOld">
							  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
								<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 %}
								<a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
							  {% ENDIF %}
							</div>
<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>						  </div>
						</td>
						{% IFNOT index_page_new_goods.last %}{index_page_new_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
					  {% ENDFOR index_page_new_goods %}
					  </tr>
					</table>
				  </div>
				{% ENDIF %}
				<!-- end Список новинок на главной -->

в остальные товары устанавливаете кнопку по такой же схеме

[mariteks]

Здравствуйте, сделала все как написано, но выдает ошибку и быстрый просмотр не работает.
Аккаунт SL-231289

[Vaccina]

В редакторе шаблонов в файлах у вас отсутствует файл "jquery.arcticmodal-0.3.min.js"
Выше дают ссылку на его скачивание

[Coffee]

Здравствуйте! К сожалению на моем сайте инструкция приводит к ошибке. Именно на стадии копирования кода в main.js. Я закомментировал пока там код, потому что ошибка влияет на всё: корзину, каталог. Помогите пожалуйста

[batta]

Coffee (08 Август 2014 - 10:17) писал:

Здравствуйте! К сожалению на моем сайте инструкция приводит к ошибке. Именно на стадии копирования кода в main.js. Я закомментировал пока там код, потому что ошибка влияет на всё: корзину, каталог. Помогите пожалуйста

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

[Coffee]

batta (08 Август 2014 - 11:23) писал:

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

• Скачал файл http://**f13872.stor...odal-0.3.min.js - звездочки убрал,  залил
  
  
• Все предложенные css тоже залил
  
• добавил в <head> все необходимые ссылки на добавленные скрипты и стили
  
  
• Добавил в main.js код (На этом этапе перестало работать добавление в корзину и весь каталог развернут стал.)
  
  
• Добавил на страницу ТОВАРЫ

<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>

[Coffee]

сейчас ошибка висит кто может посмотрите

[batta]

Coffee (08 Август 2014 - 22:32) писал:

сейчас ошибка висит кто может посмотрите

Здравствуйте.
На вашем сайте ошибок не обнаружено, попробуйте почистить кэш браузера

[Coffee]

batta (08 Август 2014 - 22:35) писал:

Здравствуйте.
На вашем сайте ошибок не обнаружено, попробуйте почистить кэш браузера

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

[Vaccina]

В 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'));
});

попробуйте вставить:

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});
}
  });
}
$(function() {
  insertDateOrder($('body'));
});

[Coffee]

Vaccina (08 Август 2014 - 23:13) писал:

В main.js вместо:

Попробовал, то же самое. Что за символ дурацкий   после insertDateOrder? ©
Если его убрать, то каталог встаёт на место и товары в корзину летят... Но, тем не менее, модальные окна не работают и включается сторлендовский счетчик js ошибок. Сейчас всё (по прежнему не работает) как вы сказали с дурацким символом после   insertDateOrder

Например ЭТО написано в ошибках при добавлении в корзину

Цитата

На странице возникла JS ошибка:

Uncaught ReferenceError: quickorder is not defined на строке: 518.

Как исправить ошибку?

Не удалось найти решение для данной ошибки. Для решения проблемы исправьте javascript в разделе «Сайт» > «

Редактор тем

».

Если необходимо помочь в решении данной ошибки, задайте вопрос в разделе "

Ошибки

" на нашем форуме

[Vaccina]

Попробуйте:

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'));
});

заменить на:

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});
}
});
}

[Coffee]

Vaccina (08 Август 2014 - 23:45) писал:

Попробуйте:

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});
}
});
}

Вот этот код заработал!! Ура, почти! открывается в окне страница товара, но к сожалению не работает выбор модификаций и товары в корзину не летят. как можно сделать, чтобы отображался только кусок страницы, например div id = "right-wrapper" c сценой модификациями и кнопкой в корзину?