Перейти к содержанию

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

Добрый день коллеги!

У меня самый последний Ocstore.

Всем нравиться стандартный слайдшоу.

Время между сменами баннеров сменил, на чуть большее, вот здесь:

catalog\view\theme\default\template\extension\module\slideshow.twig

 

А вот сменить эффект смены баннеров - не знаю где???

В просторах интернета ответ на этот вопрос даёт только "ТемплМонстр",

но для старой версии Опенкарта.

А в свежей версии, где это делается, в каком js - файле?

 

Подскажите, пожалуйста.

 

 

Изменено пользователем akulukin

Поделиться сообщением


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

в контроллере

catalog/controller/extension/module/slideshow.php

должен быть путь ко всем применяемым js  файлам

Поделиться сообщением


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

Да, открыл единственный файл, на который есть ссылка с помощью Adobe DW.

Там весь код навален в одну кучу, "чёрт ногу слОмет".

 

Может кто сталкивался с этим?

Есть конкретное решение

Коллеги, отзовитесь!

Изменено пользователем akulukin

Поделиться сообщением


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

Видимо всё же не последний окстор, а последний, то есть 3 опенкарт. Там для слайдшоу стоит плагин Swiper, офф. дока - http://idangero.us/swiper/api/

Эффекты анимации есть (при изменении не забудьте сбросить кэш), например 'fade' -

<script type="text/javascript"><!--
$('#slideshow{{ module }}').swiper({
	mode: 'horizontal',
	slidesPerView: 1,
	pagination: '.slideshow{{ module }}',
	paginationClickable: true,
	nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 30,
	autoplay: 12500,
    autoplayDisableOnInteraction: true,
	loop: true, 
	effect: 'fade'
});
--></script>

 

Изменено пользователем Atlogex

Поделиться сообщением


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

Прошу прощения, мне следовало бы написать точно, что у меня.

У меня не Опенкарт-3, а OcStore 2.3.0.2.1

Я копался в папках, Swiper - не встречал...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
20 минут назад, akulukin сказал:

Прошу прощения, мне следовало бы написать точно, что у меня.

У меня не Опенкарт-3, а OcStore 2.3.0.2.1

Я копался в папках, Swiper - не встречал...

может это поможет: https://asterial.ru/saytostroenie/effekty-slaydera-owl-carousel-v-opencart-i-ocstore-2102-chto-delat-esli-slayder-ne

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, akulukin сказал:

 

Время между сменами баннеров сменил, на чуть большее, вот здесь:

catalog\view\theme\default\template\extension\module\slideshow.twig

 

Окстор с твигом? Или там tpl расширение всё таки?

В оксторе стоит Owl Carousel, надо смотреть что он умеет.

Поделиться сообщением


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

Demidovez, вы нашли хорошую ссыль на информацию прямо таки по теме, однако когда начинаешь кликать на ссылке в этом тексте - они тянуться к каким-то вирусам и "Вулканам", жаль...

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
23 минуты назад, Atlogex сказал:

 

Окстор с твигом? Или там tpl расширение всё таки?

В оксторе стоит Owl Carousel, надо смотреть что он умеет.

Да,

по файлам вижу, что есть такой "зверь" Owl Carusel, только вот где найти его js.

И что править, инструкцию бы...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
10 минут назад, akulukin сказал:

Demidovez, вы нашли хорошую ссыль на информацию прямо таки по теме, однако когда начинаешь кликать на ссылке в этом тексте - они тянуться к каким-то вирусам и "Вулканам", жаль...

 

там по ссылке скорее всего список анимаций: fade, backSlide, goDown, scaleUp

Изменено пользователем Demidovez

Поделиться сообщением


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

На вскидку - в опенкарте много выпилили в owl библиотеках. Качните с оф.сайта и посмотрите именно css файлы - там эффектов полно, а в опенкарт посчитали нужным только простые промотки оставить. А смена эффекта js вставкой в странице рулится. 

Поделиться сообщением


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

Всё правильно Demidovez говорит, по ссылке его есть инструкция, как подключить стиль для переходов. Контроллер слайдшоу (\catalog\controller\extension\module\slideshow.php) должен выглядеть так -

<?php
class ControllerExtensionModuleSlideshow extends Controller {
	public function index($setting) {
		static $module = 0;		

		$this->load->model('design/banner');
		$this->load->model('tool/image');

		$this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.carousel.css');
		$this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.transitions.css');
		$this->document->addScript('catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js');

		$data['banners'] = array();

		$results = $this->model_design_banner->getBanner($setting['banner_id']);

		foreach ($results as $result) {
			if (is_file(DIR_IMAGE . $result['image'])) {
				$data['banners'][] = array(
					'title' => $result['title'],
					'link'  => $result['link'],
					'image' => $this->model_tool_image->resize($result['image'], $setting['width'], $setting['height'])
				);
			}
		}

		$data['module'] = $module++;

		return $this->load->view('extension/module/slideshow', $data);
	}
}

 

 

 

Потом добавить собственно название анимации в опции слайдера

<script type="text/javascript"><!--
$('#slideshow<?php echo $module; ?>').owlCarousel({
	items: 6,
	autoPlay: 3000,
	singleItem: true,
	navigation: true,
	navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
	pagination: true,
    transitionStyle : "fade"
});
--></script>

 

Поделиться сообщением


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

Спасибо коллеги Atlogex!!!

Всё сделал так и эффект изменился!

Вопрос решён.

 

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

 

1) По пути:
\catalog\controller\extension\module\slideshow.php
В файле «Slideshow.php» вписал новую строчку:
$this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.transitions.css');
После строчки:
$this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.carousel.css');
 

2) Далее, по пути:
/catalog/view/theme/default/template/extension/module/slideshow.tpl
В файле “slideshow.tpl » добавил строчку:
transitionStyle : "fade"

После строчки:
pagination: true,
 

3) Пробовал менять значения «transitionStyle» на: "fade", "backSlide", "goDown"
Больше всего понравилось – fade, чего и Вам желаю.

 

Тема закрыта.

Вопрос - решён.

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От Pavel666
      Обнаружил баг в модуле слайдшоу, кнопки навигации вынесены за пределы блока с идентификатором модуля, в следствии чего при размещении нескольких блоков на странице, вешается несколько обработчиков на кнопки навигации и перелистываются все слайды на странице
      исходный код модуля slideshow.twig
       
      Как должно быть
       
      И аналогично файл carousel.twig
       
    • От mazein
      Скачать/Купить дополнение


      Полноэкранный адаптивный слайдер
      Полноэкранный адаптивный слайдер для OpenCart 2.1
      Тестировался на OpenCart 2.1.0.1.1, возможно будет работать на всей линейке 2.0
      В качестве слайдов используются стандартные баннеры. Ссылки, и заголовки в баннерах так же выводятся на слайдер.
      В шапке слайдера выводится логотип сайта.
      Рекомендации:
      1. Размеры картинок (разрешение) в слайдере должны быть одинаковы.
      2. Размеры самого слайдера задавать кратными размерам картинок, или такими же.
      Помимо слайдера устанавливается дополнительное расположения для модулей - "Выше шапки", собственно, для вывода данного слайдера, но ничего не мешает вывести туда любой другой модуль.
      Демо
      Небольшое ограничение: не более 4х слайдов
      Для установки скопировать содержимое папки fullslideshow в корень сайта, никакие файлы при этом не заменяются.
      Также в архиве лежит ocmod - header_top+fullslideshow-opencart2.ocmod.xml, устанавливается стандартно.
      Добавил mazein Добавлено 19.01.2016 Категория Слайдшоу, баннеры, галереи  
    • От mrz
      Скачать/Купить дополнение


      Смена эффектов слайдшоу(ocmod)
      Дополнение позволяет устанавливать эффекты смены слайдов в модуле Слайдшоу.
      Совместимость
      opencart/ocstore 2.x
      Добавил mrz Добавлено 11.01.2016 Категория Модули  
    • От vilija
      300.00 руб
      Скачать/Купить дополнение


      Слайдшоу для товара в категории
      Модуль слайдшоу дополнительных фото товара в листинге категории .
      Модуль показывает слайдшоу дополнительных фото товара при наведении мыши на превью товара в листинге категории.
      Установка - скопировать содержимое каталога upload в корень вашего сайта.
      Требуется установленный VqMOD.
      После установки модуля не забудьте добавить права на этот модуль в "Система"->"Группы пользователей"
      Демо здесь.
      Лицензия действительна на один домен. Если вы хотите поставить модуль еще на один домен, вы должны приобрести еще одну копию модуля.
      Модуль проверялся на ocStore 1.5.1.3 , 1.5.3.1 , 1.5.4.1 ,1.5.5.1.1
      С небольшими правками модуль будет работать и на более ранних версиях .
      Добавил vilija Добавлено 01.09.2015 Категория Прочее  
    • От iDiy
      399.00 руб
      Скачать/Купить дополнение


      Nivo Slider Pro
      Nivo Slider Pro (адаптивное слайдшоу)
      Особенности:
      Адаптивное слайдшоу с пятью темами оформления Поддержка мульти-магазинов Возможность отображать слайдшоу для конкретной категории Расширенные опции HTML описание баннеров Триггеры 16 эффектов, миниатюры и прочее... Модуль включает в себя vQmod модификацию баннеров:
      мультиязычное HTML описание сортировка баннеров  
      Демонстрация:
      Nivo Slider Pro
      Админ демо (логин/пароль: demo / demo)
      Добавил iDiy Добавлено 05.02.2014 Категория Слайдшоу, баннеры, галереи Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х  
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.