Модуль слайдер / баннеров для Simpla от Cernos

cernos · April 2, 2014

Здравствуйте, ув. форумчане, как я и обещал в ветке обсуждения Модуль слайдер от chocolate_moles,

написал новый модуль баннеров/слайдеров.

Возможности:

Добавление / редактирование / удаление групп баннеров
Добавление / редактирование / удаление баннеров
Возможность откл. показ баннера
Возможность указать показ баннера на определенных страницах / категориях / брендах сайта
изменение позиций баннеров слайдеров путем перетаскивания
Для изменения слайдов используется очень простой и в тоже время интересный плагин smSlider весом в 3кб. Пример его использования будет в модуле. NivoSlider и прочие, по аналогии уже сможете подключить сами.

Если есть желающие, выложу модуль + инструкцию по установке вечером, т.к. сейчас нет доступа к файлам.

Скриншоты:

ОПИСАНИЕ ПЛАГИНА СЛАЙДЕРА и ПРИМЕРЫ РАБОТЫ ЗДЕСЬ:

http://sashamochalin.github.io/smSlider/

Файл обновлен / небольшие корректировки вызова плагина smSlider

SlideBanner.zip

Edited April 22, 2014 by cernos

April 2, 2014

Желающие есть

Gloobus · April 2, 2014

Блииин! Я опоздал со списком желаний в прошлой ветке

cernos

Мне сейчас только что пришла в голову грандиозная идея!!! Сделайте доп настройку для слайда с указанием даты старта показа и конца показа! Я только понял, что очень нужно Ибо есть необходимость создания слайдера типа "Акции", куда бы можно было добавить слайд, что бы тот показывался "с" и "по".

cernos · April 2, 2014

Хорошая идея, постараюсь реализовать, чепез час примерно выложу файлы.

Reni · April 2, 2014

Баннер хорош! Желающие есть!

cernos · April 2, 2014

Модуль баннера прикреплен к начальному топику. Инструкция по установке находится внутри архива.

Будут вопросы, пишите!

Удачи в установке!

По поводу ДАТЫ НАЧАЛА И КОНЦА ПОКАЗА БУДЕТ РЕАЛИЗОВАНО В СЛЕД. ВЕРСИИ, если есть желающие могут реализовать и выложить в паблик.

PS: Сейчас приступаю к разработке модуля "Наборы товаров", реализация как на большинстве крупных интернет-магазинах, таких как http://fotomag.com.ua/samsung-s7262-galaxy-star-plus-duos-midnigt-black-info.html

Кому интересен будет модуль "Наборы товаров" за $ записывайтесь в очередь, первым будет со скидкой!!! : )

Для модуля "Наборы товаров" открыт топик, где будет обсуждаться желаемый функционал модуля!

Топик находится здесь: http://forum.simplacms.ru/topic/7150-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C-%D0%BD%D0%B0%D0%B1%D0%BE%D1%80%D1%8B-%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%BE%D0%B2-%D0%BA%D0%BE%D0%BC%D0%BB%D0%BF%D0%B5%D0%BA%D1%82%D1%8B-%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%BE%D0%B2/

Reni · April 3, 2014

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

{get_banners group=1}{if $banners_id1}...{/if}

Все, понял, smslider ~~не установил~~

Установил, не помогло Куда ставить код?

{get_banners group=1}{if $banners_id1}...{/if}

Edited April 3, 2014 by Reni

Reni · April 3, 2014

Слайдер подгрузить на сайт не смог, но в управлении слайдером заметил что нельзя добавить баннер чтоб он никуда не ссылался, т.е. ссылка на страницу для каждого баннера ОБЯЗАТЕЛЬНА.

hrusha · April 3, 2014

Слайдер подгрузить на сайт не смог, но в управлении слайдером заметил что нельзя добавить баннер чтоб он никуда не ссылался, т.е. ссылка на страницу для каждого баннера ОБЯЗАТЕЛЬНА.

попробуйте <a href="#">...</a>

Reni · April 3, 2014

попробуйте <a href="#">...</a>

При сохранении в строке ссылки оставляет:

<a href=

Если вставляю просто # то скидывает и выдает сообщение "Вы не указали URL страницы на которую должен ссылаться баннер"

Копать надо в коде, чтоб не проверял заполненность этой строки.

Но в принципе это не мешает, проблема в том что слайдер не подцепить

cernos · April 3, 2014

Слайдер подгрузить на сайт не смог, но в управлении слайдером заметил что нельзя добавить баннер чтоб он никуда не ссылался, т.е. ссылка на страницу для каждого баннера ОБЯЗАТЕЛЬНА.

Убрать не сложно!!!

Зайдите в simpla/BannersAdmin.php найдите строку:

if(empty($banner->url) AND $banner->url=="") $error = 'empty_url';

Удалив эту строку, Вы снимите проверку на заполненность этого поля!

cernos · April 3, 2014

При сохранении в строке ссылки оставляет:
<a href= 
Если вставляю просто # то скидывает и выдает сообщение "Вы не указали URL страницы на которую должен ссылаться баннер"

Копать надо в коде, чтоб не проверял заполненность этой строки.
Но в принципе это не мешает, проблема в том что слайдер не подцепить

Давайте помогу подцепить, в чем сложность?

Обратите внимание на то, как организовано код в шаблоне design/html/banner/head.banner.tpl

Просто подставьте ID своей группы, пример:

{assign var='group' value='ЗДЕСЬ УКАЖИТЕ ID ГРУППЫ'}{get_banners group=$group}

{if $banners}
{literal}<style>
.head-banner{
	position: relative;
	 width:1000px; /************УКАЖИТЕ РАЗМЕРЫ БАННЕРА*****************/
	 height:200px; /************УКАЖИТЕ РАЗМЕРЫ БАННЕРА*****************/
}
.head-banner ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
</style>{/literal}
<div class="head-banner" id="SlideBanner-{$group}">
	<ul>{foreach $banners as $banner}<li><a href="{$banner->url}" title="{$banner->name|escape}"><img src="{$banner->image}" alt=""></a></li>{/foreach}</ul>
</div>
<div class="clear"></div>
{literal}<script type="text/javascript">$(document).ready(function(){$('#SlideBanner-{/literal}{$group}{literal}').smSlider({autoPlay:true,delay:3000,hoverPause:true,transition:'fader'});})</script>{/literal}
{/if}

Reni · April 3, 2014

Обратите внимание на то, как организовано код в шаблоне design/html/banner/head.banner.tpl

Просто подставьте ID своей группы, пример:

Правильно я понимаю? В админке в баннерах такой код

Для отображения группы баннеров используйте вызов в шаблоне
{get_banners group=1}{if $banners_id1}...{/if}
В группе находится: 4 баннера
размер изображений баннеров:805px X 250px

соответственно баннер с 1 ID? И у меня должна получится такая строчка в шаблоне design/html/banner/head.banner.tpl:

{*? ASSIGN ??????? ID ????? ??????    {assign var='group' value='ID??????'}  *}

{assign var='group' value='1'}{get_banners group=$group}

{if $banners}
{literal}<style>

cernos · April 3, 2014

Да, правильно... Вот только шаблон желательно сохранять в формате UTF-8, а у Вас видимо другая кодировка, судя по символам "??????? ID ????? ??????"

Пользуйтесь блокнотом notepad++

Reni · April 3, 2014

Да, правильно... Вот только шаблон желательно сохранять в формате UTF-8, а у Вас видимо другая кодировка, судя по символам "??????? ID ????? ??????"

Пользуйтесь блокнотом notepad++

Подставил, не работает.

По поводу UTF-8, если я копирую весь код который Вы вставили выше и пытаюсь сохранить он мне выдает.

Подставил 1 , слайдер не появился

а так-же поменял кодировку Вашей вставки на UTF-8, теперь все корректно. Но не работает. Может я пропустил шаг с подключением design/html/banner/head.banner.tpl к сайту? Если да, то как это сделать?

Edited April 3, 2014 by Reni

cernos · April 3, 2014

Подставил, не работает.

По поводу UTF-8, если я копирую весь код который Вы вставили выше и пытаюсь сохранить он мне выдает.
wtf.jpg
Подставил 1 , слайдер не появился
а так-же поменял кодировку Вашей вставки на UTF-8, теперь все корректно. Но не работает. Может я пропустил шаг с подключением design/html/banner/head.banner.tpl к сайту? Если да, то как это сделать?

Наверное пропустили, обратите внимание на index.tpl в вашем шаблоне. Там должно быть {include file='banner/head.banner.tpl'} в нужной части вывода баннера, где banner/head.banner.tpl - это путь к файлу шаблона баннера.

Reni · April 3, 2014

Наверное пропустили, обратите внимание на index.tpl в вашем шаблоне. Там должно быть {include file='banner/head.banner.tpl'} в нужной части вывода баннера, где banner/head.banner.tpl - это путь к файлу шаблона баннера.

Получилось! Но работа странная, сайт (внизу под рабочим слайдером) и один слайд пропал, хотя он включен... (расположение слайдов точно в верхнем)

p/s Кстати, если сравнить картинки NuvoSlider и Вашего, то на Вашем они более качественны и без расплывчитости.

cernos · April 3, 2014

Тот который пропал, посмотрите, точно ли он должен показываться на этой странице? Или поставлена ли галочка - показывать на всех страницах?

Смотрю Вы тоже в отопительной технике ))))

cernos · April 3, 2014

Какой у Вас броузер, у меня все норм отображается!

Reni · April 3, 2014

Тот который пропал, посмотрите, точно ли он должен показываться на этой странице? Или поставлена ли галочка - показывать на всех страницах?

Смотрю Вы тоже в отопительной технике ))))

Все, заработало Спасибо Вам огромное)) Слайдер действительно качественный и стоящий! Насколько я понимаю вторые другие слайдеры вставляются с помощью клонирования полного кода в design/html/banner/head.banner.tpl и заменой ID группы?

Да, тоже людей греем ))

Кстати, заметил сегодня один глюк при попытках запустить слайдер. Я добавил группу с 4мя баннерами, и потом добавил еще группу с 1м баннером. А потом нажал "кирпич" чтоб удалить вторую группу с 1м баннером. В итоге удалились баннеры вместе с 1й группой, а вторая группа которую я удалял не удалилась, но баннер из нее удалился.

cernos · April 3, 2014

1. Странно, тестировал, проблем не наблюдал, проверьте еще раз!

2. Насколько я понимаю вторые другие слайдеры вставляются с помощью клонирования полного кода в design/html/banner/head.banner.tpl и заменой ID группы?

Клонируете шаблон head.banner.tpl, переименовываете скажем в left.column.banner.tpl подключаете в шаблон index.tpl или другой какой и заменяете ID!

И НАСТРОЙТЕ В CSS вывод навигации слайдеров, для более красивого оформления.

Я делал так: http://demo.energodom.com.ua/

сейчас у Вас пагинация находится в нижнем правом углу - незаметно! Или отключите пагинацию. Как? Читайте на оф. сайте модуле в первом посте ссылка.

Reni · April 3, 2014

1. Странно, тестировал, проблем не наблюдал, проверьте еще раз!
2. Насколько я понимаю вторые другие слайдеры вставляются с помощью клонирования полного кода в design/html/banner/head.banner.tpl и заменой ID группы?
Клонируете шаблон head.banner.tpl, переименовываете скажем в left.column.banner.tpl подключаете в шаблон index.tpl или другой какой и заменяете ID!

И НАСТРОЙТЕ В CSS вывод навигации слайдеров, для более красивого оформления.
Я делал так: http://demo.energodom.com.ua/
сейчас у Вас пагинация находится в нижнем правом углу - незаметно! Или отключите пагинацию. Как? Читайте на оф. сайте модуле в первом посте ссылка.

шаг 1, добавил новую группу и засунул в неё 1 баннер

шаг 2, нажал на кнопку удаления справа от новой добавленной группы, группа удалилась, осталась первая группа и из неё удалились все баннеры

cernos · April 3, 2014

Вы знаете, действительно есть ГЛЮК, сейчас поправлю!

cernos · April 3, 2014

шаг 1, добавил новую группу и засунул в неё 1 баннер
1.jpg

шаг 2, нажал на кнопку удаления справа от новой добавленной группы, группа удалилась, осталась первая группа и из неё удалились все баннеры
2.jpg

Скачай снова архив с модулем и замени файл api/Banners.php на обновленный.

cernos · April 3, 2014

Да и спасибо за найденную ошибку ; )

Модуль слайдер / баннеров для Simpla от Cernos

Recommended Posts

Link to post

Share on other sites

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Guest koval

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Join the conversation

Announcements