Отключен JavaScript

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

2

Карусель (Слайдер) Сопутки

Автор Store-rondell, 05 окт. 2013 16:34

Вперед

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

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

#1 Store-rondell

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

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

ГородМосква

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

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

1.

2.

Наверх

#2 miyako

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

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

Отправлено 06 Октябрь 2013 - 07:57

Store-rondell (05 Октябрь 2013 - 16:34) писал:

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

1.

2.

У Вас много js ошибок на сайте, поэтому он очень медленно грузится.

Найдите в шаблоне HTML код -

<div style="background: url(http://design.store-rondell.ru/contentWrap_bg.jpg?9994);padding:5px 10px;">
<h3 style="text-align: center"><em><span style="font-family:georgia,serif;"><span style="font-size:26px;"><span style="color:#000000;">При покупке на сумму от 5000 рублей Вы получаете скидку 5 %<br>До конца акции осталось:</span></span></span></em></a></h3>

Разместите его после тега <body>

За что отвечает скрипт -

<br><script id="_wauiq8">var _wau = _wau || []; _wau.push(["small", "6qqm1k52hf3n", "iq8"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

?

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

<!-- Yandex.Metrika informer -->
<a href="http://metrika.yandex.ru/stat/?id=22373281&amp;from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/22373281/3_0_FFFFFFFF_E6E6E6FF_0_pageviews"
style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:22373281,lang:'ru'});return false}catch(e){}"/></a>
<!-- /Yandex.Metrika informer -->

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

<!-- Yandex.Metrika informer -->
<a href="http://metrika.yandex.ru/stat/?id=22373281&amp;from=informer" target="_blank" rel="nofollow">
<img src="//bs.yandex.ru/informer/22373281/3_0_FFFFFFFF_E6E6E6FF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:22373281,lang:'ru'});return false}catch(e){}"/></a>
<!-- /Yandex.Metrika informer -->

Воспользуйтесь веткой - http://forum.storela...__20#entry45830

Пример кода сопутки с каруселью в этой же ветке -
http://forum.storela...__20#entry47639

Наверх

#3 Store-rondell

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

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

ГородМосква

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

miyako (06 Октябрь 2013 - 07:57) писал:

За что отвечает скрипт -

<br><script id="_wauiq8">var _wau = _wau || []; _wau.push(["small", "6qqm1k52hf3n", "iq8"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Он отвечает за "часы", которые находятся сверху над поиском
Размещен между <body> </body>.

Наверх

#4 miyako

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

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

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

Store-rondell (06 Октябрь 2013 - 09:18) писал:

Он отвечает за "часы", которые находятся сверху над поиском
Размещен между <body> </body>.

С сопутствующими товарами Вы разобрались? Вопросов не возникло?

Наверх

#5 Store-rondell

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

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

ГородМосква

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

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

- Вторая проблема: всплыв. окно долго грузится, да и сайт в целом тоже.
Как и это исправить?

Заранее благодарен за помощь!

Наверх

#6 Сake

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

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

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

Цитата

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

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

<script type="text/javascript">// <![CDATA[
var delay_popup = 1000; /*время задержки примерно 1 секунды*/
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
</script>

данный код у вас уже вставлен в файле main.js в виде

$(function(){
if (document.cookie.indexOf('_visited=1') == -1) {
var delay_popup = 1000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
document.cookie = '_visited=1; path=/';
}
});

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

Цитата

- Вторая проблема: всплыв. окно долго грузится, да и сайт в целом тоже.
Как и это исправить?

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

<!-- В случае их возникновения JS ошибок, отображаем их владельцу магазина для возможности отладки. Покупатели сообщений о JS ошибках не видят -->
  {% IF JAVASCRIPT_BUG_HUNTING_URL %}
	<script type="text/javascript" src="{JAVASCRIPT_BUG_HUNTING_URL}"></script>
  {% ENDIF %}
  <!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
  <!-- Это собранные в один файл скрипты из файлов:
	{FORALL_JS_PATH}jquery-1.4.2.min.js
	{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js
	{FORALL_JS_PATH}jquery-ui-1.8.4.custom.min.js
	{FORALL_JS_PATH}jquery.validate.min.js
	{FORALL_JS_PATH}jquery.capslock.min.js
  -->
  <script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js"></script>
  <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
  {% IF TARIFF_FEATURE_GOODS_OPINION %}
	<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
	{% IFNOT SETTINGS_OPINION_DISABLE %}
	  <script type="text/javascript" src="{FORALL_JS_PATH}jquery.ui.stars.min.js"></script>
	{% ENDIF %}
  {% ENDIF %}
  <!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

  <!-- Скрипт для корректной работы A/B тестов -->
  <script type="text/javascript" src="http://cdn.abtest.ru/js/21597.js"></script>
<!-- Подключение Js плагина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}cloud-zoom.1.0.2.js"></script>

вставив его после кода

<!-- Подвал сайта -->
  <div id="footer">
	<div class="footnote">
	   <br>&copy; {DATE_YEAR} &laquo;Интернет-магазин Rondell. Немецкая кухонная посуда&raquo;&nbsp;&nbsp;&nbsp;
	  <br>Все права защищены! <br />
	  {SETTINGS_STORE_REGION}<br />
	  {SETTINGS_STORE_HTML_CODE}
	</div>

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

<script type="text/javascript" src="http://www.timegenerator.ru/s/f32f4f57454dfc7e68f6ea13c3bfa8ec.js"></script>

и вставьте его уже после перемещенного кода.

Наверх

#7 Store-rondell

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

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

ГородМосква

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

При удалении кода в HTML

<script type="text/javascript">// <![CDATA[var delay_popup = 1000; /*время задержки примерно 1 секунды*/
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
</script>

Окно вообще пропадает и не появляется...

Наверх

#8 miyako

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

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

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

Store-rondell (09 Октябрь 2013 - 07:39) писал:

При удалении кода в HTML

<script type="text/javascript">// <![CDATA[var delay_popup = 1000; /*время задержки примерно 1 секунды*/
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
</script>

Окно вообще пропадает и не появляется...

Сейчас у Вас окно появляется. Попробуйте очистить кэш.

Наверх

#9 Store-rondell

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

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

ГородМосква

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

Спасибо. Все получилось!

А как реализовать такую карусель (пост №7)? http://forum.storela...лож/#entry32986

но для СОПУТСТВУЮЩИХ товаров) Спасибо.

Наверх

#10 empty9228

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

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

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

Здравствуйте, чтобы сделать карусель для сопутствующих товаров сначала
Зайдите редактор шаблонов - HTML после кода

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

вставьте

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />

Затем зайдите в шаблонов товар
найдите блок Сопутствующие товары

<!-- Сопутствующие товары -->
{% IFNOT related_goods_empty %}
	 <h3>Сопутствующие товары</h3><br />
	 <table>
	 <tr>
	 {% FOR related_goods %}
		 <td class="goodsListItem">
		 <div class="goodsListItemBlock withBorder cornerAll">
			 <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
			 <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
			 <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
			 {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				 <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				 <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
			 </div>
		 </div>
		 </td>
		 {% IFNOT related_goods.last %}{related_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
	 {% ENDFOR %}
		 </tr>
	 </table><br /><br />
{% ENDIF %}
<!-- END Сопутствующие товары -->

И замените его на блок

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1
});
});
</script>
<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
	 {% FOR related_goods %}
		 <li class="goodsListItem">
		 <div class="goodsListItemBlock withBorder cornerAll">
			 <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
			 <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
			 <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
			 {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				 <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				 <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
			 </div>
		 </div>
		 </li>
		 {% IFNOT related_goods.last %}{related_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
	 {% ENDFOR %}
	 </ul>
	 </div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

После этого в редакторе шаблонов добавьте файлы из архива horizantal-carousel-news из этой инструкции http://forum.storela...лож/#entry32986

Наверх

#11 Store-rondell

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

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

ГородМосква

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

Отлично! Все получилось. Выражаю всем благодарность за помощь!)

Наверх

#12 Keks

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

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

Отправлено 02 Январь 2014 - 13:29

empty9228 (09 Октябрь 2013 - 09:24) писал:

Здравствуйте, чтобы сделать карусель для сопутствующих товаров сначала
Зайдите редактор шаблонов - HTML после кода

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

вставьте

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />

Затем зайдите в шаблонов товар
найдите блок Сопутствующие товары

<!-- Сопутствующие товары -->
{% IFNOT related_goods_empty %}
	 <h3>Сопутствующие товары</h3><br />
	 <table>
	 <tr>
	 {% FOR related_goods %}
		 <td class="goodsListItem">
		 <div class="goodsListItemBlock withBorder cornerAll">
			 <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
			 <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
			 <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
			 {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				 <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				 <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
			 </div>
		 </div>
		 </td>
		 {% IFNOT related_goods.last %}{related_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
	 {% ENDFOR %}
		 </tr>
	 </table><br /><br />
{% ENDIF %}
<!-- END Сопутствующие товары -->

И замените его на блок

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1
});
});
</script>
<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
	 {% FOR related_goods %}
		 <li class="goodsListItem">
		 <div class="goodsListItemBlock withBorder cornerAll">
			 <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
			 <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
			 <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
			 {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				 <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				 <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
			 </div>
		 </div>
		 </li>
		 {% IFNOT related_goods.last %}{related_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
	 {% ENDFOR %}
	 </ul>
	 </div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

После этого в редакторе шаблонов добавьте файлы из архива horizantal-carousel-news из этой инструкции http://forum.storela...лож/#entry32986

А какой код должен быть, если делать для "С ЭТИМ ТОВАРОМ СМОТРЯТ"?
(и странно, когда применяла ваш код для сопутствующих товаров, изменялся шрифт заголовков, названия товаров)

Наверх

#13 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 02 Январь 2014 - 23:05

Вам необходимо проделать всю инструкцию из этой темы. Только заместо добавления кода в шаблон HTML, Вам необходимо в шаблоне Товар найти блок

   <!-- С этим товаром смотрят -->
	{% IFNOT related_views_goods_empty %}
	  <h3>С этим товаром смотрят</h3><br />
	  <table>
		<tr>
		  {% FOR related_views_goods %}
		  <td class="goodsListItem">
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			  <h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
			  <div class="goodsListItemPriceNew">
				<a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>
			  <div class="goodsListItemPriceOld">
				{% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
				<a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
				<a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			  </div>
			</div>
		  </td>
		  {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		{% ENDFOR %}
	  </tr>
	  </table><br /><br />
	{% ENDIF %}
	<!-- END С этим товаром смотрят -->

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

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1
});
});
</script>
<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
	 {% FOR related_views_goods %}
		 <li class="goodsListItem">
		 <div class="goodsListItemBlock withBorder cornerAll">
			 <div class="goodsListItemImage"><a href="{related_views_goods.URL}"><img class="goods-image-small" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a></div>
			 <h3 class="goodsListItemName"><a href="{related_views_goods.URL}">{related_views_goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
			 <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
			 {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
				 <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
				 <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
			 </div>
		 </div>
		 </li>
		 {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
	 {% ENDFOR %}
	 </ul>
	 </div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

Наверх

#14 Keks

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

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

Отправлено 10 Январь 2014 - 06:59

Stasya (02 Январь 2014 - 23:05) писал:

Вам необходимо проделать всю инструкцию из этой темы. Только заместо добавления кода в шаблон HTML, Вам необходимо в шаблоне Товар найти блок

<!-- С этим товаром смотрят -->
{% IFNOT related_views_goods_empty %}
	 <h3>С этим товаром смотрят</h3><br />
	 <table>
	 <tr>
		 {% FOR related_views_goods %}
		 <td class="goodsListItem">
		 <div class="goodsListItemBlock withBorder cornerAll">
			 <table class="goodsListItemImage">
			 <tr>
				 <td>
				 <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a>
				 </td>
			 </tr>
			 </table>
			 <h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
			 <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
			 {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
			 <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
			 <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
			 </div>
		 </div>
		 </td>
		 {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
	 {% ENDFOR %}
	 </tr>
	 </table><br /><br />
{% ENDIF %}
<!-- END С этим товаром смотрят -->

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

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1
});
});
</script>
<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
	 {% FOR related_views_goods %}
		 <li class="goodsListItem">
		 <div class="goodsListItemBlock withBorder cornerAll">
			 <div class="goodsListItemImage"><a href="{related_views_goods.URL}"><img class="goods-image-small" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a></div>
			 <h3 class="goodsListItemName"><a href="{related_views_goods.URL}">{related_views_goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
			 <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
			 {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
				 <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
				 <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
			 </div>
		 </div>
		 </li>
		 {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
	 {% ENDFOR %}
	 </ul>
	 </div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

Что-то не получается(
Загрузить файлы из архива, в HTML ничего не добавлять, а только в разделе Товар поменять код?
Всё очень странно разбивается на столбцы... появляются товары перед самим товаром, после товара и колонка справа с каталогом и т.д. сползает вниз влево

пока восстановила прежнюю версию без каруселей

Наверх

#15 Taisia

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

Модератоpы
1 289 сообщений

Отправлено 10 Январь 2014 - 08:09

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

1. подключили скрипт

редактор шаблонов - HTML после кода

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

добавить код

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />

2. загрузили архив на компьютер, распаковали его и загрузили три файла на сайт магазина через вкладку Сайт-Редактор шаблонов - Добавить файл

3. Еще раз внимательно замените требуемый участок кода в файле Товар

Наверх

#16 Keks

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

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

Отправлено 10 Январь 2014 - 08:25

Taisia (10 Январь 2014 - 08:09) писал:

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

1. подключили скрипт

редактор шаблонов - HTML после кода

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

добавить код

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />

2. загрузили архив на компьютер, распаковали его и загрузили три файла на сайт магазина через вкладку Сайт-Редактор шаблонов - Добавить файл

3. Еще раз внимательно замените требуемый участок кода в файле Товар

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

что не так?
даже поиск в шапке съехал.

Наверх

#17 Keks

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

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

Отправлено 10 Январь 2014 - 22:51

empty9228 (09 Октябрь 2013 - 09:24) писал:

Здравствуйте, чтобы сделать карусель для сопутствующих товаров сначала
Зайдите редактор шаблонов - HTML после кода

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

вставьте

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />

Затем зайдите в шаблонов товар
найдите блок Сопутствующие товары

<!-- Сопутствующие товары -->
{% IFNOT related_goods_empty %}
	 <h3>Сопутствующие товары</h3><br />
	 <table>
	 <tr>
	 {% FOR related_goods %}
		 <td class="goodsListItem">
		 <div class="goodsListItemBlock withBorder cornerAll">
			 <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
			 <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
			 <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
			 {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				 <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				 <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
			 </div>
		 </div>
		 </td>
		 {% IFNOT related_goods.last %}{related_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
	 {% ENDFOR %}
		 </tr>
	 </table><br /><br />
{% ENDIF %}
<!-- END Сопутствующие товары -->

И замените его на блок

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1
});
});
</script>
<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
	 {% FOR related_goods %}
		 <li class="goodsListItem">
		 <div class="goodsListItemBlock withBorder cornerAll">
			 <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
			 <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
			 <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
			 {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				 <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				 <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
			 </div>
		 </div>
		 </li>
		 {% IFNOT related_goods.last %}{related_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
	 {% ENDFOR %}
	 </ul>
	 </div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

После этого в редакторе шаблонов добавьте файлы из архива horizantal-carousel-news из этой инструкции http://forum.storela...лож/#entry32986

Подскажите, что не так с каруселью?
сообщение выше

Наверх

#18 Сake

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

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

Отправлено 11 Январь 2014 - 03:43

Подключение файла "jquery.jcarousel.js" вы сделали слишком рано. Вам необходимо было разместить данную строку после строки

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

а вы вставили подключение после строки

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />

Расположение подключения файла играет большую роль. На данный момент проблема связана с тем что библиотеке "jquery.jcarousel.js" необходима библиотека в виде зависимости "jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js". Так как данное подключение находиться выше зависимости, то "jquery.jcarousel.js" выкидывает ошибку. Переместите подключение файла, а именно строку

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>

вставив её непосредственно после строки

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

Дальнейшие изменения выполняйте внимательнее.

Наверх

#19 Keks

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

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

Отправлено 11 Январь 2014 - 11:37

Сake (11 Январь 2014 - 03:43) писал:

Подключение файла "jquery.jcarousel.js" вы сделали слишком рано. Вам необходимо было разместить данную строку после строки

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

а вы вставили подключение после строки

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />

Расположение подключения файла играет большую роль. На данный момент проблема связана с тем что библиотеке "jquery.jcarousel.js" необходима библиотека в виде зависимости "jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js". Так как данное подключение находиться выше зависимости, то "jquery.jcarousel.js" выкидывает ошибку. Переместите подключение файла, а именно строку

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>

вставив её непосредственно после строки

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

Дальнейшие изменения выполняйте внимательнее.

Всё равно что-то не так...
Под этим <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
всё стояло и стоит как надо.

Да под строчкой <link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" /> (это стили маг-на) были 2 строчки, я их удалила:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />
Про расположение подключаемого файла непонятно... но все как в инструкциях.

Наверх

#20 Keks

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

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

Отправлено 12 Январь 2014 - 14:17

Сake (11 Январь 2014 - 03:43) писал:

Подключение файла "jquery.jcarousel.js" вы сделали слишком рано. Вам необходимо было разместить данную строку после строки

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

а вы вставили подключение после строки

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />

Расположение подключения файла играет большую роль. На данный момент проблема связана с тем что библиотеке "jquery.jcarousel.js" необходима библиотека в виде зависимости "jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js". Так как данное подключение находиться выше зависимости, то "jquery.jcarousel.js" выкидывает ошибку. Переместите подключение файла, а именно строку

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>

вставив её непосредственно после строки

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

Дальнейшие изменения выполняйте внимательнее.

восстановила рабочую тему из бэкапа, сделала всё по инструкции, всё равно не работает и никакиго слайдера(
1. редактор шаблонов - HTML после кода <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
вставляю
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />

2. В разделе Товар вместо части

...


вставляю

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
scroll: 1
});
});
</script>

<div id="wrapper">
<div class="d-carousel">
<ul class="carousel">
{% FOR related_views_goods %}
<li class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{related_views_goods.URL}"><img class="goods-image-small" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a></div>
<h3 class="goodsListItemName"><a href="{related_views_goods.URL}">{related_views_goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
<a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
<a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
<a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</div>
</li>
{% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
</ul>
</div>
<div class="clear"></div>
</div>


3. Распаковываю архив и 3 файла загружаю в редактор шаблонов-добавить файлы.
----------------
Итог: карусель не получилась. На странице товара товары столбиком до строки пути и после товара никакого намёка на карусель. Каталог ниже подвала и прижат влево, а должен быть выше справа, шаблон слияние.
Что не так???
(на данным момент восстановила нормально рабочую версию)