Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Гість

Recommended Posts

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

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;"  и как это поправить?

Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах

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

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

Она выводит 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 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.