Jump to content

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


Recommended Posts

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

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

 

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

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

 

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

 

Скриншоты:

 

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

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

 

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

SlideBanner.zip

Edited by cernos
Link to post
Share on other sites
  • Replies 178
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

cernos

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

Link to post
Share on other sites

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

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

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

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

 

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/

Link to post
Share on other sites

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

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

 

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

 

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

{get_banners group=1}{if $banners_id1}...{/if}
Edited by Reni
Link to post
Share on other sites

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

Link to post
Share on other sites

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

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

Link to post
Share on other sites

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

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

<a href= 

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

 

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

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

Link to post
Share on other sites

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

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

 

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

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

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

Link to post
Share on other sites

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

<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}

Link to post
Share on other sites

Обратите внимание на то, как организовано код в шаблоне 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> 
Link to post
Share on other sites

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

 

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

Link to post
Share on other sites

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

 

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

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

 

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

post-17044-0-05150900-1396553412_thumb.jpg

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

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

Edited by Reni
Link to post
Share on other sites

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

 

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

attachicon.gifwtf.jpg

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

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

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

Link to post
Share on other sites

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

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

 

 

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

Link to post
Share on other sites

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

 

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

Link to post
Share on other sites

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

 

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

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

 

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

 

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

Link to post
Share on other sites

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/

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

Link to post
Share on other sites

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 баннер

post-17044-0-16523400-1396556456_thumb.jpg

 

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

post-17044-0-62532900-1396556525_thumb.jpg

Link to post
Share on other sites

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

attachicon.gif1.jpg

 

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

attachicon.gif2.jpg

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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...