Здравствуйте. Помогите найти хороший модуль карусели прокрутки товаров.
очень хочется найти универсальный модуль с такой функцией.
Карусель прокрутки нужно как тут
http://www.stylefruits.de/ или хотя бы примерно как тут...
Спасибо всем кто поможет!
P.S. Не бейте если обсуждалась такая тема. В поиске проверил, нашел только подобные темы...
______________________________________________________________________________________________________
Здравствуйте еще раз. В общем сделал я карусель прокрутки как и хотел. Хочу поделиться с читателями форума, может кому то пригодится
1. Нашел в интернете jquery карусель прокрутки. Понравилась вот эта -
http://elemisdesign.com/demos/carousel/light/index.html <- тут демо
Скачать здесь
http://followdesign.com/development/2011/11/19/jquery-karuseli-rotatory-i-skrollery-chast-1.html2. В архиве заходим в папку files там скрипт в темном и светлом скине. Я выбрал light
3. Подключаем в шаблон вот js и css:
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<link rel="stylesheet" media="all" href="style/type/puritan.css" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="style/css/ie7.css" media="all" />
<![endif]-->
<script type="text/javascript" src="style/js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="style/js/jquery.jcarousel.js"></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
});
});
</script>
И не забудьте эти файлы загрузить в директорию вашего сайта через ftp -)
4. После того как подключили мы должен править файл шаблона универсального модуля VirtueMart. Заходим modules/mod_virtuemart_universal/tmpl и редактируем файл default.php
Вот этот код:
<?php foreach ($list as $item) : ?>
<div class="mod_vm_universal">
<?php if ($item->discount == '1') { ?>
<img src="<?php echo JURI::base(); ?>modules/mod_virtuemart_universal/files/ico_discount.png" class="discount" alt="Скидка на продукт!" />
<?php } else {} ?>
<span class="mod_vm_title"><?php echo $item->pname; ?></span>
<a href="<?php echo $item->link; ?>" title="<?php echo $item->pname; ?> - <?php echo $item->intro; ?>" class="mod_vm_link">
<img src="<?php echo $item->pimage; ?>" alt="<?php echo $item->pname; ?> - <?php echo $item->intro; ?>" />
</a>
<a href="<?php echo $item->link; ?>" title="<?php echo $item->pname; ?> - <?php echo $item->intro; ?>" class="mod_vm_readmore">Подробнее</a>
<span class="mod_vm_price">Цена: <?php echo $item->price; ?> <?php echo $item->currency; ?></span>
</div>
<?php endforeach; ?>
меняем на
<div class="d-carousel">
<ul class="carousel">
<?php foreach ($list as $item) : ?>
<li>
<div class="mod_vm_universal">
<?php if ($item->discount == '1') { ?>
<img src="<?php echo JURI::base(); ?>modules/mod_virtuemart_universal/files/ico_discount.png" class="discount" alt="Скидка на продукт!" />
<?php } else {} ?>
<span class="mod_vm_title"><?php echo $item->pname; ?></span>
<a href="<?php echo $item->link; ?>" title="<?php echo $item->pname; ?> - <?php echo $item->intro; ?>" class="mod_vm_link">
<img src="<?php echo $item->pimage; ?>" alt="<?php echo $item->pname; ?> - <?php echo $item->intro; ?>" />
</a>
<a href="<?php echo $item->link; ?>" title="<?php echo $item->pname; ?> - <?php echo $item->intro; ?>" class="mod_vm_readmore">Подробнее</a>
<span class="mod_vm_price">Цена: <?php echo $item->price; ?> <?php echo $item->currency; ?></span>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
Вот и все. Если вдруг не получается, проверьте пути, подключены ли файлы js и CSS?
Если все подключено, но все равно не работает. Возможно у вас уже подключен jqury другой версии, попробуйте удалить строку в шаблоне <script type="text/javascript" src="style/js/jquery-1.5.min.js"></script>
Если и это не поможет, то пишите, может смогу помочь, если нет то гуглите -)
Кстати выглядит это примерно так