Mootools - карусель для VirtueMart 1.5 (производители, товары) - [VM1] Модификации и хаки

Итак. Совместно с rodc.ru был написан модуль карусели для производителей и товаров для Joomla и VirtueMart.
Работает с native 1.5 Joomla.

• Полностью на mootools.
  
• Возможно три вида модулей: Новые товары, Специальные предложения, Производители
  
• Если скопировать в другую позицию и добавить суффикс модуля, получаем +1 галерею.
  
• Каждая галерея имеет возможность автопрокрутки. Интервал задается из админки. Чтобы отключить, достаточно поставить 0.
  
• Проверку прошли три галереи на одной странице, никаких тормозов.
  
• Интервал смены кадра так же управляется из админки. Желательно ставить выше 500 мс., чтобы не нагрузить браузер пользователя.
  
• В админке задается вертикальное, горизонтальное отображение модуля.
  
• Реализовано добавление товаров на лету прямо из модуля в корзину (ajax), если разрешено магазином.
  
• 
  Вывод цены товара простой, и который учитывает скидки, налоги, валюты, символы валюты, вес товара, атрибуты. Все берется из настроек VirtueMart. Внимание. При включении полной цены Вы получаете +4 запроса на один товар! Прошу учесть)
  
• 
  Горизонтальное отображение может автоматически подстраиваться под область, как и задаваться фиксированная ширина из админки.
  
• Изображения в модуле масштабируются до указанных настроек.
  
• В производителях - с помощью javascript, изображения производителей берутся из описания производителей. Ищется тег <img />
  
• Настраивается выравнивание картинки относительно описания: справа, слева, по центру.
  
• Настраивается порядок сортировки: По названию: возрастанию, убыванию, По ID, возрастанию, убыванию, Случайный порядок, Специальный порядок: Указываются ID следования товаров/производителей через запятую
  
• 
  Сколько символов выводить в описании. Нормальная работа с UTF гарантирована. Обрезается по слову: что дает избежать разрывов строк.
  
• • Выводить ли:
    
  • Заголовок со ссылкой на товар
    
  • Ссылку подробнее
    
  • Цену товара
    
  • Кнопку добавления товара в корзину
    
  • Настраиваемая высота описания, сделано для того, чтобы не было разрывов абзацев описания
    
  • Сколько товаров/производителей брать из базы данных
    
  • Выводить ли товары, связанные только с посещаемой категорией пользователем, или нет?
    
• 
  Какие товары/категории исключить из отображения: id через запятую
  
• Какие производители/категории производителей исключить из отображения: id через запятую
  
• Все изображения имеют alt/title, как и ссылки
  
• Все текстовые константы берутся из стандартного набора Joomla и virtuemart
  
• Осуществляется проверка установлен ли VirtueMart.
  
• Если нет ни одного товара, производителя, соответствующего указанным критериям, ничего не подключается и не отображается из настроек модуля.
  
• Есть возможность указать ItemID меню, пункт которого нужно подсветить при переходе по ссылке из модуля. Пример использования:
  
• Подсветить пункт меню с акцией для спец предложений.
  
• 
  Отлично работает с кэшем Joomla.
  
• Хорошо дружит с абсолютным позиционированием родительcкого элемента.
  
• Сделан хак для сокрытия контента до полной загрузки модуля.
  
• Если модулей на странице несколько, то написана проверка, чтобы общие для модулей файлы подключались только один раз.
  

С включением простой цены всего 1-2 запроса к БД на копию модуля.
Тестировался:
php4,5 - Joomla 1.5.21, VirtueMart 1.1.5.
Браузеры
IE 7,8, Firefox 3.0+, Opera 9,10, Safari, Googe Chrome последние.
Ну и естественно. Никаких ограничений на распространение. Если хотите, можете отблагодарить по web money Z407519445331:) Или заказать у нас сайт на http://rodc.ru. Или поставить ссылку на http://awesome-design.com, http://rodc.ru.
Полное описание возможностей со скриншотами можно посмотреть здесь: http://rodc.ru/scripts-creating/78-virtuemart-carousel
Вопросы, связанные с работой модуля будут обсуждаться здесь. Как и приниматься пожелания по развитию модуля.
Полное описание и демо со всевозможными примерами ожидается в течение недели. Пока что на все возникающие вопросы отвечу здесь.
Демо в работающем проекте:
http://discontstroy.ru/
[UPDATED] Ссылка на дистриб обновлена

• Реализован вывод только заданных товаров, производителей по указанным через запятую ID
  

[UPDATED]Теперь картинку можно отцентрировать и для горизонтального скроллера. Не забудьте отключить описание!
[UPDATED]Теперь можно выравнивать положение цены, подробнее: справа,  слева, по центру
[FIXED] Если не отображается кнопка Добавить в корзину, нет лишнего отступа в левой части
[FIXED] "Пропадание" части заголовка справа
[UPDATED]Вынесены в админку модуля настройки:

• Выравнивать описание: слева, справа, по центру, растянуть
  
• Выравнивание заголовка: слева, справа, по центру, растянуть
  

[UPDATED]Добавлен прямой, обратный порядок перемещения для кнопок Предыдущий Следующий
[UPDATED]Добавлено, с помощью каких изображений формировать слайдер, оригинальных, или уменьшенных. Если уменьшенного изображения нет, берется оригинальное.
1.11.2010
[FIXED]ItemID выставляющийся для производителей.Если равен 0, не выводится.
[FIXED]Notice: Undefined variable: m_bann_itemid in ....
[CHANGED] domready -> onload, связано с глюками при установленном по соседству jQuery в noConflict, иногда событие не регистрируется. Просьба всем обновить.
[UPDATED]3.11.2010 - Исправлен ресайз картинок. (Особенно заметно в вертикальных галереях)
[UPDATED]3.11.2010 - Вертикальный слайдер: Если скрыты: заголовок, описание, кнопка в корзину, подробнее, цена - высота кадра определяется по максимальному из масштабируемых изображений - удается добиться минимального промежутка между кадрами для вертикального скроллера
[ADDED]3.11.2010 - Вертикальный слайдер: добавлен новый параметр - отступ между кадрами.
http://depositfiles.com/files/q2sj3nlde

и как всегда нет вывода товара по ID 

поставил протестировал, вот мои замечания так сказать:
1) не выводит картинку товара больше чем был сделан ресайз, тобишь не важно какой размер ты указываешь в настройках, больше чем маленькая картинка не выведет
2) Название товара выводится как заголовок модуля, имеется ввиду в том же стиле
3) выводит картинку товара только в позиции лефт и райт, в центре не выводит, ставил в лефт
4) предложение: вывод по заданным ID товаров
5) опция: показывать невидимую ссылку. При её отключении вообще чёрт знает что происходит ))

5. Исправлено. Ненарошно было) Честно.
4. Реализован вывод по заданным ID товаров, производителей. Исключая запрещенных производителей товаров (если повторяются)
1. Куда ж больше картинку? И не выведет) Зачем пикселизация?
2. Поправьте стили на Ваше усмотрение.
3. Замечание: Позиция center предназначена только для вертикального скроллера. Центрирование картинки с исключением текста. (Текст под или над находится).

4. Отображать по ID в указанном порядке это вот этот пункт, отвечающий за вывод товаров по определенным ID?
2. да вот сижу уже час, в CSS правлю, поставил центровку Подробнее и цены, все равно выводит в позиции right. Ставил и float:left; и text-align:center;, все равно в right'e стоит.
С названием товара тоже не могу разобраться, если я правильно понял переменная отвечающая за вывод заголовка (названия товара) - yjwm_sc_in Что только с ней не делал, все равно выводится как заголовок модуля, прикреплю скрин
З.Ы. и как всё таки отцентрировать картинку товара? Поглядел демо на Вашем сайте, заголовок выводится справа, так было бы удобно, но через настройки модуля мне не удается так сделать, и через CSS тоже.

Показывать только товары по ID - вот этот пункт. Перекачайте)
Отключил запрет на центровку в горизонтальной версии. Не забываем во избежание глюков отключать описание либо делать ленту гораздо выше, чем размер фотографии товара. Документацию по стилям и примерам подготовлю только в течение недели. К сож времени очень мало.
Вам нужно переопределить в цсс следующий класс для заголовков:

.yjwm_showcase_holder h3{

}
.yjwm_showcase_holder h3 a{

}
 
У меня этот класс идет фиксированной высоты для горизонтального скроллера. Чтобы однотипными оказались рядом стоящие кадры. И не нужно было искать по высоте максимальный заголовок, и приводить к этой высоте все остальные. Вы можете сделать как Вам будет удобно.

Перекачайте и соптавьте заново. Шапку обновил. Обновил отображение модуля. Теперь производится сброс фона для заголовков модуля.

.yjwm_showcase_holder h5 a,
.yjwm_showcase_holder h5{
  line-height: 1;
  background: none!important;
}


.yjwm_showcase_holder h5 a{
text-decoration:none;
font-size:11px;
line-height: 1;
overflow: hidden;
display: block;
text-transform: none!important;
}
Ставил уже и h4,h5,span, никаких изменений, все равно выводит большим шрифтом заголовок и задний фон все равно присутствует у заголовка (названия товара) как у заголовков модулей.
Картинка отцентрировалась 
Цена и подробно не отцентрировались хотя в CSS правил на text-align: center;

Пробуем:

/** подробнее центрируем, цену центрируем */


.yjwmsc_moreinfo a,
.yjwmsc_moreinfo,
.price_readmore_container .price,
.price_readmore_container .yjwmsc_moreinfo{
   text-align: center!important;
}

Только я не понял при чем здесь span,h5,h4?)
У меня заголовок h3 используется для разметки.
Значит

.yjwm_showcase_holder h3 a,
.yjwm_showcase_holder h3{
  line-height: 1;
  background: none!important;
}

уф как сложно то настраивается 
вставил код, теперь вроде заголовок нормально стал отображаться, бэкграунд убрался, но слова в заголовке не переносятся на новую строчку, если название товара длинное (не у всех, что интересно!)  но картинка товара опять в left ушла 

Название в горизонтальной строке не переносится на новую строчку. Знаю. Связано вот с чем. Если бы переносилось название - тогда кадры, находящиеся рядом - выглядели бы неодинаково. По сути название бы "опускало" вниз описание с картинкой. А у соседнего - нет. А вот писать еще один хук на яваскрипте - который бы находил самое большее по величине название и задавал бы всем такую же высоту не счел целесообразным. Итак там яваскрипта уже порядком. Картинку товара выставьте в центр. Вы с каким модулем играетесь? Я в шапке обновил модуль. Там теперь можно и для горизонтального слайдера выставлять центрирование картинки прямо из админки. Что еще из цсс Вы меняли? Кроме указанного мною? И что сложного?) Я ж вынес все цсс ы в файл отдельный. По сути все можно настроить как угодно. Единственное - поиграться нужно. Просто трудно, что нет описания полного. Но за недельку сделаю. О цссах, слоях и настройках + приеры разных модулей.

Вот смотрите, на скрине обвёл сам красными рамками позиции.

Если всё выравнено по центру то неправильно отображается. Например и цена и подробнее и картинка по идеи должны быть по центру, но судя по скрину точно не все по центру. По поводу заголовка, он вообще получается выравнивается по right. Хотя в style.css все заменил что связано было с right 

Название в горизонтальной строке не переносится на новую строчку. Знаю. Связано вот с чем. Если бы переносилось название - тогда кадры, находящиеся рядом - выглядели бы неодинаково. По сути название бы "опускало" вниз описание с картинкой. А у соседнего - нет.

посмотрите на мой скрин, справа вывожу товары другим модулем, описание все вмещается, да картинка опускается, но это намного красивее выглядет чем обрезанные названия. И опять повторюсь, в некоторых позициях наименование товара переносится 

И связано это со следующим. Мы с Вами изменили величину линии шрифта. У меня она по умолчанию равна 20 пикселям. Поэтому не переносится. У модуля слева там где "покрасивее" нет элементов "в корзину, цена, подробнее". Я могу конечно оставить все на совесть пользоателя или добавить обрезку посимвольно заголовка, но изначально выход с однострочным названием мне показался более предпочтительным. Подумаю на досуге.
По поводу "не по центру". Сейчас уберу маргин слева когда нет кнопки Добавить в корзину.

я изначально в настройках поставил Высота заголовков 50 Переносятся названия товара, но у некоторых просто обрезаются некоторые слова, например не влезло 1-2 буквы, по идеи должно перенестись полностью слово на другую строчку. Я сейчас изменю попробую ширину кнопок влево вправо, может удастся чутка расширить слайдер 

изменил кнопки, чутка раздвинулся слайдер, но все равно не то, почему заголовок в right выравнивается? где это можно поправить, такое ощущение что даже float: right стоит что ли, но в CSS уже нет слов связанных с right 
З.Ы. Может я конечно ошибаюсь, но листает мне кажется не правильно, влево должно листать назад, вправо - впёред, а сейчас всё наоборот

Перекачайте. Специально для Вас в настройки вынес справа слева или по центру выравнивать цену и подробнее.
Исправил глюк с отступом когда нет кнопки В Корзину.
Подумаю над заголовком.
По поводу листания. Честно. Мне все равно. Сейчас добавлю в настройки прямой и обратный порядок реакции ссылок.

Исправил: проблемы с заголовком.
Добавил в админку: выравнивание для описания, заголовка: слева, справа, по центру, растянуть.
Добавил: прямой и обратный порядок слайдинга при щелчках на кнопки Предыдующий, Следующий.
Проверяем.

Перекачайте файл еще раз. Только что обновил.

я скачал заново, теперь весь слайдер влево ушёл, на "кнопку прокрутки влево" залазеет.
И все равно не понимаю, если картинка, цена, подробнее стоят в положении центр, то во всех товарах они должны стоять аккуратненько по центру, а такого не происходит. То ли картинка сдвинута, то ли цена с подробно сдвинута, но все эти три параметра не находятся строго друг под другом.
Может так проще будет, хотя на скринах это видно, я использую четыре параметра:
1) Название товара (или лефт или центр, главное чтобы переносилось название, а не обрезались буквы)
2) картинка (центр)
3) цена (центр)
4) подробно. (центр)
З.Ы. и почему некоторые картинки выводятся не с заданными размерами, по умолчанию ресайз в VM стоит у меня 90х90. В параметрах модуля тоже поставил 90х90, а у некоторых товарах картинка по ширине больше, по высоте меньше

Перекачайте файл еще раз. Только что обновил.

ок, сейчас попробую, но думаю что на последний мой пост ответов там не будет, сейчас проверю. З.Ы. Сейчас поставил на второй свой сайт, он вообще с прозрачным бэкграундом, там вообще всё съезжает, картинки товаров заползают на кнопки листания. Даже если я ставлю показывать 1 товар за раз

Перекачайте. Не ту ссылку изначально разместил) Вот и вышел глюк. Сейчас - нужная

Говорю же! Перекачайте!) Попала не та версия!) Чисто случайно
По поводу картинок не в курсе что у Вас там с картинками. Значит были и те, у которых размеры больше чем 90.
Алгоритм ресайза основан на проверке реальных размеров и на вычислении ratio  между width и height.
Так что "больше" картинка быть не может.

Скрин:

в настройках выставлено так:
*-*
Выравнивать текст заголовока - влево
Положение картинки для слайдера - по центру
Положение ссылки подробнее, цены - по центру
*-*
На скрине я схематично сам нарисовал рамку товара, чтобы было визуально видно. Картинка да, центрируется, что нельзя сказать про цену и подробно. Заголовок вообще ставлю влево, только так он отображается нормально, имеется ввиду что переносится, но на скрине видно что он не влево находится.
З.Ы. И вопрос открытым остался, все картинки в размере 90х90 (ресайз). Мне кажется модуль сам делает ресайз с первоначальной, большой картинки, которую заливаю через VM

Говорю же! Перекачайте!) Попала не та версия!) Чисто случайно
По поводу картинок не в курсе что у Вас там с картинками. Значит были и те, у которых размеры больше чем 90.
Алгоритм ресайза основан на проверке реальных размеров и на вычислении ratio  между width и height.
Так что "больше" картинка быть не может.

я скачал, просто мну надо время чтобы протестить, поэтому ниже отписался ))

Пробуйте еще раз.
Вынес настройки из каких именно изображений формировать слайдер.
С уменьшенных или оригиналов. Если уменьшенное не найдено, берется оригинал.
Немного пошаманил над стилями.
Пробуйте.
Но в общем такое ощущение что в заголовки и в выравнивание внизу у Вас вмешиваются стили Вашего шаблона.

ну всё, я качаю да? А то опять сейчас не то скачаю 

да качайте, качайте. ушел работать. буду к вечеру. проверьте стили шаблона)

ну вот, скачал поставил  сейчас нормуль выводится всё, поэтому дело не в стиле шаблона  Только вот параметр, Использовать оригинальные/уменьшенные изображения для товаров - не увидел абсолютно никакой разницы, все равно также выводит, но самое главное достигнуто, сейчас смотрится нормуль, давно хотел поставить модуль с возможностью слайдера и заданием определенных ID товаров 

дело как раз в шаблоне. специально для Вас я добавил в цсс строгое отстутвие маргинов для h3:) Помните эту картинку слева в оформлении модулей? И то же сделал для отсутствия отступов у ссылки подробнее вместе с описанием. С флагом !important - не переопределять. Использовать оригинальные/уменьшенные, гхм, если нет ресайзнутого, тогда берется обычное. У меня по загадочной причине так оказалось больше чем в половине случаев при тестировании. Пришлось дообавить код, чтобы хоть какие то изображения выводились. Но могу и ошибаться. Еще проверю.

емаё, еще кое что заметил, будете смеяться наверно  Решил зайти на сайт под админом, и что я вижу? Модуль не отображается совсем, разлогинился, и модуль показывает