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

[Сake]

Возможно отображались какие-то ошибки? По сути вы все правильно делаете. Файлы из архива загружаете в раздел Сайт -> Редактор шаблонов? Пожалуйста, повторите изменения и не убирайте их, чтобы мы могли понять причину ошибки. Возможно ошибка связана с какой-то зависимостью которая проявляется только на вашем магазине из-за подключения каких-то дополнительных скриптов. Так же есть предположение что ошибка может возникать из-за виджета VK, так как данный виджет провоцирует ошибку инициализации. Попробуйте временно убрать из вашего шаблона код

<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>
<script type="text/javascript">
  VK.init({apiId: 3927194, onlyWidgets: true});
</script>
<div id="vk_recommended"></div>
<script type="text/javascript">
VK.Widgets.Recommended("vk_recommended", {limit: 3});
</script>

[Keks]

Сake (14 Январь 2014 - 02:53) писал:

Возможно отображались какие-то ошибки? По сути вы все правильно делаете. Файлы из архива загружаете в раздел Сайт -> Редактор шаблонов? Пожалуйста, повторите изменения и не убирайте их, чтобы мы могли понять причину ошибки. Возможно ошибка связана с какой-то зависимостью которая проявляется только на вашем магазине из-за подключения каких-то дополнительных скриптов. Так же есть предположение что ошибка может возникать из-за виджета VK, так как данный виджет провоцирует ошибку инициализации. Попробуйте временно убрать из вашего шаблона код

<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>
<script type="text/javascript">
VK.init({apiId: 3927194, onlyWidgets: true});
</script>
<div id="vk_recommended"></div>
<script type="text/javascript">
VK.Widgets.Recommended("vk_recommended", {limit: 3});
</script>

Сделала как надо, но всё по прежнему(
Посмотрела на 3х устройствах, везде одинаково и никаких ошибок не выдаёт.
Данный виджет вк был добавлен после проб установки карусели, навряд ли он влияет, но его сейчас нет.
Вот посмотрите как всё отображается http://keksik-bijou....-Arven-Evenstar

[Сake]

На вашей странице в данный момент все так же присутствует код виджетов, которые вызывают ошибку javascript. Если вы вернули код виджетов обратно, то попробуйте повторно их удалить не восстанавливая в последствии. Так же судя по общему коду html - у вас присутствует синтаксическая ошибка в структуре html кода. В следствии чего структура рушиться и теги оказываются в ошибочном расположении. Это могло произойти в случае если у вас изначально в шаблоне присутствует ошибка синтаксиса. Определить нахождение ошибки проблематично. Вставляемый вами код карусели синтаксически верен. В данном случае можно попробовать восстановить шаблон из резервной копии или же заменить код шаблона "Товар" на код по умолчанию вашей темы оформления.

[Keks]

Сake (15 Январь 2014 - 00:46) писал:

На вашей странице в данный момент все так же присутствует код виджетов, которые вызывают ошибку javascript. Если вы вернули код виджетов обратно, то попробуйте повторно их удалить не восстанавливая в последствии. Так же судя по общему коду html - у вас присутствует синтаксическая ошибка в структуре html кода. В следствии чего структура рушиться и теги оказываются в ошибочном расположении. Это могло произойти в случае если у вас изначально в шаблоне присутствует ошибка синтаксиса. Определить нахождение ошибки проблематично. Вставляемый вами код карусели синтаксически верен. В данном случае можно попробовать восстановить шаблон из резервной копии или же заменить код шаблона "Товар" на код по умолчанию вашей темы оформления.

я восстановила первоначальную тему сияние и добавила только карусель, больше никаких изменений. Не работает. Такая же ерунда как и последних версиях сайта..
Что не так?
keksik-bijou.ru/goods/Kulon-Arven-Evenstar

[Сake]

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

{% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}

данное изменение должно помочь выровнять структуру и карусель должна заработать корректно. Каких-то дополнительных проблем обнаружить не удалось.

[Keks]

Сake (16 Январь 2014 - 00:29) писал:

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

{% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}

данное изменение должно помочь выровнять структуру и карусель должна заработать корректно. Каких-то дополнительных проблем обнаружить не удалось.

да, убрала и боле менее хорошо)
но сам слайдер надо поправить, как сделать чтобы картинка отображалась полностью? и одновременно показывалось 4 картинки, ну чтобы по ширине было и чтобы товары в карусели прокатывались на один товар через 1-2 секунды?
на прикреплённой картинке посмотрите: у данного товара на картинке 6 картинок, а не 4 и в общем ватемарка располагается наверху посередине картинки

[Сake]

Добавьте в ваш файл стилей main.css следующие стили

.d-carousel .jcarousel-container-horizontal {
  width: 660px !important;
}
.d-carousel .goodsListItemBlock {
  border: none !important;
  width: auto !important;
}

после найдите в шаблоне "Товар" следующий код

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

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

<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,
auto: 2000
});
});
</script>

[Keks]

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

Добавьте в ваш файл стилей main.css следующие стили

.d-carousel .jcarousel-container-horizontal {
width: 660px !important;
}
.d-carousel .goodsListItemBlock {
border: none !important;
width: auto !important;
}

после найдите в шаблоне "Товар" следующий код

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

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

<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,
auto: 2000
});
});
</script>

всё сделала, теперь их 4, хорошо. Но как сделать чтобы картинка показывалась полностью по ширине, а текст был внизу на одном уровне с другими описаниями в карусели? и чтобы карусель сама крутилась через 1-2 секунды

[Stasya]

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

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

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

<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}" style="max-width:140px; max-height:140px;" /></a></div>

Чтобы карусель крутилась сама через 1-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,
auto: 2000
});
});
</script>
<!-- Begin Wrapper -->

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

<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,
auto: 2
});
});
</script>
<!-- Begin Wrapper -->

[Keks]

Stasya (17 Январь 2014 - 12:15) писал:

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

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

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

<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}" style="max-width:140px; max-height:140px;" /></a></div>

Чтобы карусель крутилась сама через 1-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,
auto: 2000
});
});
</script>
<!-- Begin Wrapper -->

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

<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,
auto: 2
});
});
</script>
<!-- Begin Wrapper -->

спасибо, всё работает)

[Z_Mc]

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

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

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

Цитата

На странице возникла JS ошибка:
Uncaught TypeError: Object # has no method 'jcarousel' на строке: 649.

[Z_Mc]

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

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

по своей ошибке, проверил указанное Вами
всё как нужно

Цитата

<!-- Скрипты магазина -->
<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" />

<!-- Загрузка Jquery галереии Nyvo Slider -->

[Сake]

Вероятно я выразился не правильно. Файл jquery.jcarousel.js необходимо подключать перед файлом main.js. По сути любые библиотеки jquery которые носят название jquery.имя.js необходимо всегда размещать до подключения файла main.js. Все файлы стилей css так же следует подключать до main.css. Это исключит возможность появления ошибок когда инициализация библиотеки происходит раньше подключения самой библиотеки, а стили можно будет просто переопределять путем добавления их в main.css

[dfysdbu]

Stasya (17 Январь 2014 - 12:15) писал:

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

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

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

<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}" style="max-width:140px; max-height:140px;" /></a></div>

Чтобы карусель крутилась сама через 1-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,
auto: 2000
});
});
</script>
<!-- Begin Wrapper -->

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

<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,
auto: 2
});
});
</script>
<!-- Begin Wrapper -->

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

[Vaccina]

<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,
auto: 2
});
});
</script>
<!-- Begin Wrapper -->

попробуйте заменить на:

<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,
auto: 2,
carousel: carousel
});
});
</script>
<!-- Begin Wrapper -->

[dfysdbu]

Vaccina (13 Май 2014 - 01:35) писал:

<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,
auto: 2
});
});
</script>
<!-- Begin Wrapper -->

попробуйте заменить на:

<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,
auto: 2,
carousel: carousel
});
});
</script>
<!-- Begin Wrapper -->

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

[Vaccina]

извиняюсь за погрешность,

<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,
auto: 2
});
});
</script>
<!-- Begin Wrapper -->

замените на:

<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,
auto: 2,
wrap: 'circular'
});
});
</script>
<!-- Begin Wrapper -->

[dfysdbu]

Vaccina (14 Май 2014 - 03:33) писал:

извиняюсь за погрешность,

<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,
auto: 2
});
});
</script>
<!-- Begin Wrapper -->

замените на:

<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,
auto: 2,
wrap: 'circular'
});
});
</script>
<!-- Begin Wrapper -->

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

[MikDark]

dfysdbu (14 Май 2014 - 14:58) писал:

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

В main.css найдите код:

.goodsListItemImage img {
border-radius: 10px;
}

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

.goodsListItemImage img {
border-radius: 10px;
margin: 0 auto;
display: block;
}

[tega4]

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