Перейти к содержанию
Официальный форум поддержки Simpla

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


Рекомендуемые сообщения

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

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

 

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

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

 

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

 

Скриншоты:

 

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

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

 

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

SlideBanner.zip

Изменено пользователем cernos
Ссылка на сообщение
Поделиться на другие сайты
  • Ответов 178
  • Дата создания
  • Последний ответ

Лучшие авторы в теме

Лучшие авторы в теме

Изображения в теме

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

cernos

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

 

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/

Ссылка на сообщение
Поделиться на другие сайты

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

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

 

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

 

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

{get_banners group=1}{if $banners_id1}...{/if}
Изменено пользователем Reni
Ссылка на сообщение
Поделиться на другие сайты

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

<a href= 

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

 

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

 

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

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

Ссылка на сообщение
Поделиться на другие сайты

Обратите внимание на то, как организовано код в шаблоне 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> 
Ссылка на сообщение
Поделиться на другие сайты

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

 

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

Ссылка на сообщение
Поделиться на другие сайты

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

 

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

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

 

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

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

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

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

Изменено пользователем Reni
Ссылка на сообщение
Поделиться на другие сайты

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

 

По поводу 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 - это путь к файлу шаблона баннера.

Ссылка на сообщение
Поделиться на другие сайты

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

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

 

 

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

Ссылка на сообщение
Поделиться на другие сайты

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

 

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

Ссылка на сообщение
Поделиться на другие сайты

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

 

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

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

 

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

 

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

Ссылка на сообщение
Поделиться на другие сайты

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. Странно, тестировал, проблем не наблюдал, проверьте еще раз!

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

Ссылка на сообщение
Поделиться на другие сайты

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

attachicon.gif1.jpg

 

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

attachicon.gif2.jpg

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

Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...

×
×
  • Создать...