Карусель топ-товаров

1431
Разработал модуль "Карусель товаров" (анимированный)

Разработка заключалась в объединении модуля топ-товаров каталога (mod_uc_popular) с java-script каруселью jCarousel (http://sorgalla.com/jcarousel/)


Таким образом, ротатор (карусель) выводит на экран топ товаров (по рейтингу или по просмотру + по новинкам (0.2), выбирается в админке) указанное число товаров (задается в админке) из категории либо из всего каталога (задается в админке)

Распаковать файлы из архива в корень сайта (файлы не заменяются) и выполнить запрос sql
Скачать ZIP mod_carousel
0.2:
Версия 0.2 - добавлен вывод "новинок"
+добавлен установщик модуля
Скачать ZIP mod_carousel 0.2

Дизайн из архива гармоничен с шаблоном _default_
все настройки в templates\_default_\css\jcarousel.css
пример на http://domus.incolor.com.ua/
Закрыть /users и подобные страницы | Быстрый Lightbox
Комментарии (31)
Hmelex 19 сентября 2011 в 10:13 0
small user social cms
+1
Не ставила, но спасибо за реализацию.
Imran 19 сентября 2011 в 20:23 0
small user social cms
+
а что бы товар выбирать самому можно ли реализовать?
Иногда ведь бывает, что ходовой товар на сайте не популярен.
bawarec 19 сентября 2011 в 22:01 0
small user social cms
я бы сказал иначе - в подобную карусель есть смысл добавлять залежавшийся товар дабы повысить его продажи
Protomoto 20 сентября 2011 в 11:03 0
small user social cms
Такую задачу можно решить переносом "залежавшихся" товаров в папку "распродажа" и выставлением в настройках карусели вывода только из этой папки
Protomoto 20 сентября 2011 в 10:58 0
small user social cms
Imran:
а что бы товар выбирать самому можно ли реализовать?
Реализовать можно все. Только для этого потребуется еще модификация компонента Универсальный каталог (добавление признака отбора для карусели) или перевод Карусели в компонент, тесно связанный с УК
Protomoto 20 сентября 2011 в 10:58 0
small user social cms
Imran:
а что бы товар выбирать самому можно ли реализовать?
Реализовать можно все. Только для этого потребуется еще модификация компонента Универсальный каталог (добавление признака отбора для карусели) или перевод Карусели в компонент, тесно связанный с УК
densvi 21 сентября 2011 в 12:27 0
small user social cms
Поставил, но ..... показывается только один товар (в каталоге больше). При обновлении страницы заметил, что остальные товары вертикально расположены, а стрелки для горизонтальной прокрутки.

Как это можно исправить?
Protomoto 21 сентября 2011 в 12:35 0
small user social cms
ставили точно на 1.8? ссылку сайта дайте - гляну
densvi 12 октября 2011 в 11:36 0
small user social cms
Да, конечно.
На сайте не стоит, т.к. сайт рабочий и нет возможности выложить на долгое время
Protomoto 12 октября 2011 в 17:04 0
small user social cms
densvi, проверьте, перенесли ли вы файлы из подпапки /templates/_default_/ в свой текущий шаблон? Только что попробовал - нормально ставится
densvi 22 ноября 2011 в 10:10 0
small user social cms
ДА, проверил, перенес.
Ставится и у меня нормально, только не работает sad
krz 12 октября 2011 в 15:57 0
small user social cms
а можно сделать чтоб показывало новые товары?
Protomoto 12 октября 2011 в 17:05 0
small user social cms
сделано. Качайте версию 0.2
krz 12 октября 2011 в 17:20 0
small user social cms
оо теперь круть)))) напишите wmr свой)
кстате не знаете как решить??
http://instantcms.ru/forum/thread8344-1.html#new
ViS0R 11 ноября 2011 в 16:44 0
small user social cms
Выложите настройки css\jcarousel.css , что бы было как в примере http://domus.incolor.com.ua/
с белым фоном и небольшой скоростью прокрутки
ViS0R 11 ноября 2011 в 19:07 0
small user social cms
Закинул файлы к себе, но дизайн остался без изменеий
Protomoto 11 ноября 2011 в 19:27 0
small user social cms
попробуйте изменить mod_carousel.tpl
Код PHP:
{if $is_uc}
	<script type="text/javascript" src="/modules/mod_carousel/js/jquery.jcarousel.min.js" ></script>
    <link href="/templates/domus/css/jcarousel.css" rel="stylesheet" type="text/css" />
	{literal}
		<script type="text/javascript">

		function mycarousel_initCallback(carousel)
		{
			// Disable autoscrolling if the user clicks the prev or next button.
			carousel.buttonNext.bind('click', function() {
				carousel.startAuto(0);
			});

			carousel.buttonPrev.bind('click', function() {
				carousel.startAuto(0);
			});

			// Pause autoscrolling if the user moves with the cursor over the clip.
			carousel.clip.hover(function() {
				carousel.stopAuto();
			}, function() {
				carousel.startAuto();
			});
		};

		jQuery(document).ready(function() {
			jQuery('#mycarousel').jcarousel({
				auto: 7,
				wrap: 'last',
				initCallback: mycarousel_initCallback
			});
		});

		</script>	
	{/literal}
	
	  <div class="carousel">
		   <ul id="mycarousel" class="jcarousel-skin-tango">
			{foreach key=tid item=item from=$items}
			<li>
				<table width="100%" border="0">
				<tr valign="top"><td align="center"><div style="width:100%; height:14px; overflow:hidden;"><a href="/catalog/item{$item.id}.html" class="carousel_title_link">{$item.title|stripslashes}</a></div></td><tr>
				<tr valign="center" height="150"><td align="center">
				
				<a href="/catalog/item{$item.id}.html" alt="{$item.title|strip}"><img src="/images/catalog/small/{$item.imageurl}.jpg" border="0" alt="{$item.title}"></a>
				</td></tr>
				<tr valign="top"><td align="right" class="carousel_price">{$item.price}</td></tr>
				</table>
			</li>    
			{/foreach}
		 </ul>
	  </div>
	
	
	{if $cfg.fulllink}
	    <div style="margin-top:5px; text-align:right; clear:both"><a style="text-decoration:underline" href="/catalog">{$LANG.UC_POPULAR_CATALOG}</a> {$LANG.UC_POPULAR_ARR}</div>
	{/if}
{else}
	<p>{$LANG.UC_POPULAR_NOOBJECTS}</p>
{/if}
Я не буду гарантировать что все заработает. Изучайте CSS
densvi 22 ноября 2011 в 10:54 0
small user social cms
Опытным путем установил, что у меня почему-то настройки CSS берутся из дефаултной темы, а не из темы, которая установлена и куда сам модуль был закинут.
Странно
densvi 22 ноября 2011 в 11:20 0
small user social cms
сорри, ступил сам. Исправил.

Сейчас вот такая вот картинка



Как видно следующий пункт меню, почему-то внизу. Надо играть с CSS, а то в стандартной поставке оно не совсем корректное получается.
Protomoto 22 ноября 2011 в 11:39 0
small user social cms
CSS Вашего шаблона перекрыл CSS карусели, скорее всего
densvi 22 ноября 2011 в 11:43 0
small user social cms
Все заработало - нужно просто было поставить jquery-1.4.2.min.js
Kreator 1 декабря 2011 в 13:31 0
small user social cms
Модуль работает на 1.9? Кто нибудь ставил?
abasia 7 января 2012 в 14:13 0
small user social cms
Работает smile
noobik77 29 февраля 2012 в 22:01 0
no avatar
Подскажите почему карусель отображается вертикально а не горизонтально как на примере?
Спойлер
SJen 29 февраля 2012 в 22:29 0
no profile
У вас не отображается карусель - это просто список <ul>, похоже скрипт не сработал. Может быть путь неверный
Protomoto 1 марта 2012 в 11:21 0
small user social cms
не подгрузился CSS для карусели
проверьте путь templates\_default_\css\jcarousel.css
называется ли Ваша тема _default_?
Если нет, измените в module.tpl на правильный
Malstein 5 апреля 2012 в 20:34 0
no profile
а кто переделывал для instant shop?? или есть что то подобное?
densvi 23 мая 2012 в 10:37 0
small user social cms
Вот бы неплохо еще такую карусель для наиболее популярных статей. Может быть автор добавит такую возможность?
densvi 23 мая 2012 в 10:38 0
small user social cms
Наиболее популярные по просмотрам, отдельно по комментариям.
artur1777 1 октября 2012 в 12:10 0
no avatar
ребят почему созданный товар не добавляется в карусель а показывает только те которые уже были ищё без цен,только нолики?