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

Вертикальное размещение карусели производителей.


Recommended Posts

Здравствуйте. Встречал этот вопрос на данном форуме, но ответа не нашел. Подскажите пож-та, можно ли выводить карусель производителей вертикально, если да, то как это можно реализовать... Речь идет о стандартном шаблоне, версия 1.5.5.1.1. Спасибо.

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


  • 3 months later...

Решение есть, но придется отказаться от горизонтальной карусели.

catalog/view/theme/THEME_NAME/template/module/carousel.tpl
vertical: false,

заменить на

vertical: true,

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

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

Решение есть, но придется отказаться от горизонтальной карусели.

catalog/view/theme/THEME_NAME/template/module/carousel.tpl
vertical: false,
заменить на

vertical: true,
И в настройках модуля расположение соответствующее задать.
 

Пробовал так делать, но почему-то отображение лого брендов получается не совсем корректрым и карусель не работает. Вот сам сайт - http://x-demo.pp.ua/ , код карусели ниже 

<div id="carousel<?php echo $module; ?>" class="jcarousel hidden-phone" >
<div class="row-fluid">
	<!--div class="span3"><h2>Featured Brands</h2></div-->
	<div class="span12 jcarousel-wrap">		
		<ul class="jcarousel-skin-opencart">
			<?php foreach ($banners as $banner) { ?>
			<li><a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" title="<?php echo $banner['title']; ?>" /></a></li>
			<?php } ?>
		</ul>
	</div>
</div>  
</div>
<script type="text/javascript"><!--
$('#carousel<?php echo $module; ?> ul').jcarousel({
	vertical: true,
	visible: <?php echo $limit; ?>,
	auto: 3,
	wrap: 'circular',
	scroll: <?php echo $scroll; ?>
});
//--></script>
Надіслати
Поділитися на інших сайтах


Красивый сайт, нравится.

Логотип только уж слишком "майкрософт_офисный"))

Там js ошибку кажет

Uncaught Error: jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...

Собственно, вот и решение. Размеры задайте картинкам.

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

Красивый сайт, нравится.

Логотип только уж слишком "майкрософт_офисный"))

Там js ошибку кажет

Uncaught Error: jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...
Собственно, вот и решение. Размеры задайте картинкам.

Спасибо! :) Поковырял стили, вроде всё получилось, вот по этому вопросу гуглил - может быть кому-то будет полезно http://drayblog.gotdns.com/index.php/2011/03/31/jcarousel-no-width-height-set-for-items/

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


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

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

Important Information

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