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

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

Разработка заключалась в объединении модуля топ-товаров каталога (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/
0
Hmelex Hmelex 12 лет назад #
+1
Не ставила, но спасибо за реализацию.
0
Imran Imran 12 лет назад #
+
а что бы товар выбирать самому можно ли реализовать?
Иногда ведь бывает, что ходовой товар на сайте не популярен.
0
bawarec bawarec 12 лет назад #
я бы сказал иначе - в подобную карусель есть смысл добавлять залежавшийся товар дабы повысить его продажи
0
Protomoto Protomoto 12 лет назад #
Такую задачу можно решить переносом "залежавшихся" товаров в папку "распродажа" и выставлением в настройках карусели вывода только из этой папки
0
Protomoto Protomoto 12 лет назад #
Imran:
а что бы товар выбирать самому можно ли реализовать?
Реализовать можно все. Только для этого потребуется еще модификация компонента Универсальный каталог (добавление признака отбора для карусели) или перевод Карусели в компонент, тесно связанный с УК
0
Protomoto Protomoto 12 лет назад #
Imran:
а что бы товар выбирать самому можно ли реализовать?
Реализовать можно все. Только для этого потребуется еще модификация компонента Универсальный каталог (добавление признака отбора для карусели) или перевод Карусели в компонент, тесно связанный с УК
0
densvi densvi 12 лет назад #
Поставил, но ..... показывается только один товар (в каталоге больше). При обновлении страницы заметил, что остальные товары вертикально расположены, а стрелки для горизонтальной прокрутки.

Как это можно исправить?
0
Protomoto Protomoto 12 лет назад #
ставили точно на 1.8? ссылку сайта дайте - гляну
0
densvi densvi 12 лет назад #
Да, конечно.
На сайте не стоит, т.к. сайт рабочий и нет возможности выложить на долгое время
0
Protomoto Protomoto 12 лет назад #
densvi, проверьте, перенесли ли вы файлы из подпапки /templates/_default_/ в свой текущий шаблон? Только что попробовал - нормально ставится
0
densvi densvi 12 лет назад #
ДА, проверил, перенес.
Ставится и у меня нормально, только не работает sad
0
bondar bondar 12 лет назад #
а можно сделать чтоб показывало новые товары?
0
Protomoto Protomoto 12 лет назад #
сделано. Качайте версию 0.2
0
bondar bondar 12 лет назад #
оо теперь круть)))) напишите wmr свой)
кстате не знаете как решить??
http://instantcms.ru/forum/thread8344-1.html#new
0
ViS0R ViS0R 12 лет назад #
Выложите настройки css\jcarousel.css , что бы было как в примере http://domus.incolor.com.ua/
с белым фоном и небольшой скоростью прокрутки
0
ViS0R ViS0R 12 лет назад #
Закинул файлы к себе, но дизайн остался без изменеий
0
Protomoto Protomoto 12 лет назад #
попробуйте изменить 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
0
densvi densvi 12 лет назад #
Опытным путем установил, что у меня почему-то настройки CSS берутся из дефаултной темы, а не из темы, которая установлена и куда сам модуль был закинут.
Странно
0
densvi densvi 12 лет назад #
сорри, ступил сам. Исправил.

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



Как видно следующий пункт меню, почему-то внизу. Надо играть с CSS, а то в стандартной поставке оно не совсем корректное получается.
0
Protomoto Protomoto 12 лет назад #
CSS Вашего шаблона перекрыл CSS карусели, скорее всего
0
densvi densvi 12 лет назад #
Все заработало - нужно просто было поставить jquery-1.4.2.min.js
0
Kreator Kreator 12 лет назад #
Модуль работает на 1.9? Кто нибудь ставил?
0
abasia abasia 12 лет назад #
Работает smile
0
noobik77 noobik77 12 лет назад #
Подскажите почему карусель отображается вертикально а не горизонтально как на примере?
Спойлер
0
SJen SJen 12 лет назад #
У вас не отображается карусель - это просто список <ul>, похоже скрипт не сработал. Может быть путь неверный
0
Protomoto Protomoto 12 лет назад #
не подгрузился CSS для карусели
проверьте путь templates\_default_\css\jcarousel.css
называется ли Ваша тема _default_?
Если нет, измените в module.tpl на правильный
0
Malstein Malstein 11 лет назад #
а кто переделывал для instant shop?? или есть что то подобное?
0
densvi densvi 11 лет назад #
Вот бы неплохо еще такую карусель для наиболее популярных статей. Может быть автор добавит такую возможность?
0
densvi densvi 11 лет назад #
Наиболее популярные по просмотрам, отдельно по комментариям.
0
artur1777 artur1777 11 лет назад #
ребят почему созданный товар не добавляется в карусель а показывает только те которые уже были ищё без цен,только нолики?

Еще от автора

Алфавитный указатель в статьях
Возникла необходимость навигации по статьям в категории через Алфавитный указатель (как в Универсальном каталоге) Реализовал.
FIX: Прозрачность PNG при ресайзе
Добрый день. Предлагаю исправление "забытой Богом" библиотеки /includes/graphic.inc.
Субдомен имени пользователя (user.instantcms.ru)
Продолжаем усоциаливать инстант Как сделать имена типа user.instantcms.ru Открываем core/cms.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.