Перейти к содержанию
alexXXL

Проблема с отображением карусели

Рекомендуемые сообщения

Здравствуйте. Прошу помощи в настройке карусели. Проблема в следующем:

1 Создал банер из 6 картинок размером 220х365 каждая

2. Создал новый модуль Карусель для этого банера. В настройках указал размер 220х365

3. Добавил этот модуль в схему Категории.

В результате на странице категорий выводятся все картинки одновременно в уменьшенном виде. Вот что в коде вывода:

<div class="owl-item" style="width: 140px;"><div class="item text-center">
        <img src="https://test.ru/image/cache/catalog/slideshow/slide-5-220x365.jpg" alt="ursa" class="img-responsive">
      </div></div>

Откуда берется style="width: 140px;"  и как это поправить?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Так нужно вывести баннер, карусель или может слайдшоу?

 

дайте ссылку

Изменено пользователем unknown

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Нужно вывести карусель из нескольких фотографий. Вот ссылка. Причем на главной странице карусель сделанная таким же образом (только изображения другие) работает нормально((

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Если "зумиться", то и на главной странице количество элементов увеличивается или уменьшается

Это зависит от настройки карусели.

Она выводит n элементов, в зависимости от масштаба.

 

        items : 5,
        itemsCustom : false,
        itemsDesktop : [1199, 4],
        itemsDesktopSmall : [979, 3],
        itemsTablet : [768, 2],
        itemsTabletSmall : false,
        itemsMobile : [479, 1],
        singleItem : false,
        itemsScaleUp : false,

 

Изменено пользователем unknown

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вообще ничего не понял. Где находятся эти настройки? При редактировании модуля карусели можно задать только ширину и высоту элемента. Но у меня, какую бы высоту карусели я ни указывал, больше 140 пикс. не отображается.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 hour ago, alexXXL said:

Где находятся эти настройки?

 

/catalog/view/theme/ваша_тема/template/module/carousel.tpl

<script type="text/javascript"><!--
$('#carousel<?php echo $module; ?>').owlCarousel({
	items: 6,
	autoPlay: 3000,
	navigation: true,
	navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
	pagination: true
});
--></script>

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

Чтобы сохранить пропорции, нужно уменьшить ширину и высоту.

Изменено пользователем unknown

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Я правильно понимаю, что этот шаблон отвечает за ВСЕ модули карусели, отображаемые на сайте? Разве я не могу создать несколько модулей каруселей с разными размерами картинок и количеством элементов в ней?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.