Улучшение стандартного слайдера Opencart 2. Opencart slider
Coin Slider - модуль слайдера для Opencart бесплатно
admin, добавлено: 02.11.2014, 01:50
Установите права (разрешения для групп пользователей) для модуля в админке - Права установлены, но все равно почему та не получается сохранить и редактировать баннер. ( У Вас нет прав для доступа к этой странице. Если она Вам нужна, обратитесь к администратору. ). Права все даны, подскажите как решить проблему. Спасибо!
monkandako, добавлено: 08.11.2014, 16:08
admin, зайдите в админ панель, там admin -> система - пользователи - группы пользователей редактировать группы админов: проставить галочки на ВСЕ разделы галочки, нажать окей и сохраниться.
Ivan, добавлено: 08.12.2014, 18:54
Под IE не работает!
., добавлено: 22.12.2014, 06:16
при сохранении выдает ошибки в админке но всеравно слайдер отображается.к сожалению скрины тут выложить ни как,но могу скинуть на мыло для дальнейшего поиска решения проблемы [email protected] буду рад хоть какой то помощи в решении данного вопроса
Вячеслав Михайлович, добавлено: 20.01.2015, 22:11
Такая же беда. Что делать?
kwakin, добавлено: 13.05.2015, 12:31
задумка с html не плохая но позиционирование этого html реализована через попу
SkreebL, добавлено: 17.08.2015, 11:54
admin, зайдите в админ панель, там admin -> система - пользователи - группы пользователей редактировать группы админов: проставить галочки на ВСЕ разделы галочки, нажать окей и сохраниться. ПОСТАВИЛ ГАЛОЧКИ, РАБОТАЕТ ДОБАВЬТЕ В ИНСТРУКЦИЮ К СЛАЙДЕРУ
Елена, добавлено: 06.04.2016, 22:24
отлично все работает на версии opencart 1.5.6.1 rus, правда пока на денвере, но надеюсь, что при переносе все тоже будет норм
Денис Геннадьевич, добавлено: 09.01.2017, 18:16
модуль не отображает скрины по очериди а просто в столбик показывает все сразу....
Ваше сообщение
Ваш комментарий
opencart.ws
Улучшение стандартного слайдера Opencart 2 ⋆
В Opencart второй версии и более ранних, есть стандартный модуль SlideShow — слайдер картинок, который управляется непосредственно из административной панели сайта. Базовый функционал слайдера ограничен и, зачастую, требуются его доработки. Одна из таких доработок — это отображение некоторого текста на слайдах.
Вывод мини-описания в стандартном слайдере Опенкарт 2
Итак, чтобы на слайдере отображался текст (мини-описание), нужно выполнить несложные доработки базового функционала стандартного модуля SlideShow. Для этого, идём по пути /catalog/view/theme/default/template/module/slideshow.tpl
Здесь вы увидите небольшой код, который нам нужно слегка модернизировать.
Как вам известно (если вы уже пробовали создавать слайд-шоу в Opencart 2) — слайд может быть ссылкой, а может и не быть таковой. Эта особенность описывается в этой части кода:
<?php if ($banner['link']) { ?> <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a> <?php } else { ?> <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /> <?php } ?>
<?php if ($banner['link']) { ?> <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a> <?php } else { ?> <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /> <?php } ?> |
Т.е. если для баннера (слайда) указана ссылка, то и выводиться ссылка-картинка. Если наоборот — то просто картинка.
В админке сайта для каждого слайда мы можем задать его описание. Описанием будет поле, которое называется — «заголовок»:
Теперь нам остаётся только вывести этот заголовок поверх самого слайда. Чтобы это сделать, нужно код:
<?php if ($banner['link']) { ?> <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a> <?php } else { ?> <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /> <?php } ?>
<?php if ($banner['link']) { ?> <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a> <?php } else { ?> <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /> <?php } ?> |
Заменить таким:
<?php if ($banner['link']) { ?> <a href="<?php echo $banner['link']; ?>"><div><?php echo $banner['title']; ?></div><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a> <?php } else { ?> <div><?php echo $banner['title']; ?></div><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /> <?php } ?>
<?php if ($banner['link']) { ?> <a href="<?php echo $banner['link']; ?>"><div><?php echo $banner['title']; ?></div><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a> <?php } else { ?> <div><?php echo $banner['title']; ?></div><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /> <?php } ?> |
Мы добавили в код:
<div><?php echo $banner['title']; ?></div>
<div><?php echo $banner['title']; ?></div> |
Этот блок будет содержать заголовок слайда, который мы указываем в админке. Остаётся только добавить стилей, чтобы текст отображался так, как нам нужно.Например:
.text-slider{ position: absolute; left: 26px; top: 26px; font-size: 26px; color: #000; padding: 17px; background-color: #fff; }
.text-slider{ position: absolute; left: 26px; top: 26px; font-size: 26px; color: #000; padding: 17px; background-color: #fff; } |
Таким образом, внеся минимум изменений в программный код, мы получаем желаемый результат — мини-описание для каждого слайда в стандартном Слайдшоу Opencart.
8uh.ru
HYPER Slider | Слайдер, Слайдшоу, Банеры | Модули, Шаблоны, Движки
Работает на OpenCart: 2.1.0.2, 2.1.x и т.д.Работает на ocStore: 2.1.0.2, 2.1.x и т.д.
Работает на OpenCart.Pro, ocShop: 2.1.0.2, 2.1.x и т.д.
Системные требования: PHP 5.3 и выше
Ioncube Loader: Нет
Адаптивный многофункциональный слайдер с различными гибкими настройками и десятью эффектными вкладками.
Слайдер оживит внешний вид вашего сайта своей презентабельностью, эффективно предоставляя в слайдшоу и/или банерах контент любой тематики, тем самым привлекая внимание ваших посетителей.Скоро новое обновление!
Практически каждый без особых знаний html и css сможет его настроить.
т.к. все основные настройки выведены в админку
Просто обязан встать в любой адекватный шаблон без каких либо адаптаций!
Возможности:
Для каждого слайда / банера добавлены десять дополнительных вкладок!
Каждая вкладка со своими эффектами и настройками и содержит три элемента
1- *Заголовок* + свои эффекты и настройки
2 - *HTML текст с редактором* + свои эффекты и настройки
3 - *Кнопка* + свои эффекты и настройки
(итого 30 элементов для каждого слайда с настройками и эффектами)
Т.е. каждый элемент во вкладке как и сама вкладка содержит различные настройки и эффекты.
имея такой арсенал вы сможете как угодно его настроить.
В перспективе
- увеличить число вкладок с 4х до 10
- более гибкие настройки
- эффект сжатия содержимого вкладок ( чтоб и на мобилках влезали вкладки)
- hover эффекты
- Paralax
- ..
Демо
Демо по ширине контента
ТУТ
Демо слайдер на ширину монитора
ТУТ
Демо банеры
ТУТ
Скоро ,eltn ещё куча вариантов каким образом можно использовать модуль HYPER Slider
Админка
админка - demo|demo
В зависимости от интереса к модулю функционал будет развиваться.
Установка модуля
Загрузите содержимое папки upload в корень вашего сайта.
Добавьте своей группе пользователей права на редактирование модулем
Установите модуль в модулях
Задайте первоначальные настройки (см. демо админки или настройте на свой вкус)
и сохраните - ЖМЁМ СИНИЮ КНОПКУ!
Далее заходите в модулях в новый созданный модуль слайдера и добавляете слайды (см. демо админки или настройте на свой вкус)
В списке слайдов сортировка обязательна - незабудьте указать её!
Выводите слайдер в схемах
готово.
Разработанона основе - bxSlider
