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

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

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

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

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


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

Дабы не плодить одинаковых тем, подниму эту. Также интересует вертикальное отображение карусели производителей, есть ли решение?

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


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

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

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 пользователей онлайн

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

×

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

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