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

[Поддержка] Анимация при переключении табов. vQmod для 1.5 и OcMod для 2.0

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

Анимация при переключении табов. vQmod для 1.5 и OcMod для 2.0


Анимация при переключении табов. vQmod для 1.5 и OcMod для 2.0


vQmod для 1.5 и OcMod для 2.0, добавляющие анимацию при переключении табов. Сам выбор анимации в xml файлах, разных видов 8 штук, но можно с лёгкостью добавить свой.

Для 1.5 - распаковываете архив и закачиваете обе папки в корень сайта. Никакие файлы не перезаписываются.

Для 2.0 - устанавливаете ocmod с помощью "установки дополнений в админке магазина."

Поставляется как есть (as is), поддержка и адаптация к вашей теме и модулям - от 200руб.

tabs.gif

Демо 1.5: http://1.live-drive.ru/index.php?route=product/product&path=24&product_id=28

Демо 2.0: http://oc2.oc-dev.ru/laptop-notebook/hp-lp3065


 

  • +1 1

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


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

Под openCart 2 Сделайте пожалуйста такое! 

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


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

Конфликт с модулем АПИ коментарии Вконтакте, он тупо в низ сьехал и отображается везде!

74c2bb48f3d4ce859789e.png

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

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


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

Под openCart 2 Сделайте пожалуйста такое! 

Для openCart 2 такое можно одними стилями сделать

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


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

Если используются дополнительные вкладки товара, модуль корректно не работает.

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


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

Если используются дополнительные вкладки товара, модуль корректно не работает.

Ну так сами допиште в файл имена используемых вами нестандартных вкладок

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


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

Добавил OcMod для OpenCart 2.0

Модификатору необходим уникальный id код!

вот такое выдаем при установке.

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


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

Модификатору необходим уникальный id код!

вот такое выдаем при установке.

Обновил оба файла, добавил несколько анимаций на выбор. Сам выбор анимации смотрите в xml файлах

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


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

Обновил оба файла, добавил несколько анимаций на выбор. Сам выбор анимации смотрите в xml файлах

Установка прошла успешно OpenCart2 но результата ноль. в файле все оставил все по умолчанию. Темя не дефолт. 

Подскажи добрый человек, что нужно подправить?

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


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

Установка прошла успешно OpenCart2 но результата ноль. в файле все оставил все по умолчанию. Темя не дефолт. 

Подскажи добрый человек, что нужно подправить?

 

Первое сообщение темы читали?

 

Поставляется как есть (as is), поддержка и адаптация к вашей теме и модулям - от 200руб.

Изменено пользователем serega-lomik

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


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

А планируется сделать совместимость с шаблоном Moneymaker ? ато щас пробовал, не корректно работает

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


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

На AVA Store работает отлично! Автор спасибо!

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


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

Рано похвалил походу :-D

 

На телефоне перестала отображаться инфа в табах - просто пустое место

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


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

На дефолтовой теме 1.5 не работает. Просто нет инфы в табах и они не переключаются.

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

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


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

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

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

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

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

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

Войти

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

Войти

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

    • От colaweb
      300.00 руб
      Скачать/Купить дополнение


      Главная страница с анимацией ocStore v1.5.4.1
      Модуль тестировался на IE9-10 и в последних версиях Firefox, Chrome
      Демо
      Модуль меняет главную страницу на страницу с анимацией.
      Модуль автоматически подгружает меню категорий.
      Модуль не меняет дизайн магазина.
      Установка - замена файлов.
      Авторские права на изображения:
      sam AC www.flickr.com/photos/ren-cgraphics/
      ren www.flickr.com/photos/asiaclassified/
      Лицензия на изображения:
      creativecommons.org/licenses/by-sa/2.0/deed.en
      Добавил colaweb Добавлено 12.06.2013 Категория Платные шаблоны  
    • От ikarus
      Скачать/Купить дополнение


      Анимация товара в корзину
      Чистый модуль для анимированного перемещения товара в корзину по нажатии на кнопку "купить".
      Проверенно на версиях ocstore 1.5.3.1, 1.5.4.1, 1.5.5.1.2 на дефолтном шаблоне.
      Для установки скопировать содержимое в корень сайта (модуль ничего не заменяет) в админке добавить модуль к нужным схемам. Можно добавлять на главную, при этом анимация будет у всех размещенных там модулей (при наличии конечно кнопки "купить").
      В админке имеются некоторые настройки для недефолтных шаблонов, но для сильно недефолтных могут потребоваться допилы.
      Для совместимости с filterpo v2.4.x в файле catalog/view/javascript/filterpro.min.js найти блок:
      if (typeof(display) != "undefined") { view ? display(view) : display("list"); }   и после него добавить:
      if (typeof setAnimToCart == 'function') { setAnimToCart(); }   Если в блоке с кнопкой купить находятся еще элементы с классом "button" (например быстрый посмотр, быстрый заказ и т.п.) то для работы модуля нужно чтобы эти элементы находились (в коде) после кнопки "купить".
      !!! Пока не работает с зафиксированными корзинами (display:fixed;) !!!
      Демо
      Админка
      Логин и пароль в админку - demo
      Модуль проверен почти на всех версиях ОС (на текущий момент) и если все таки не работает, то скорее всего дело в кастомном шаблоне.
      24/08/13
      Добавлена версия с контролем наличия обязательных опций у товара. Т.о. анимация будет включаться только если обязательные опции товара выбраны. !! Если вы не используете в магазине опции то лучше брать версию без контроля опций.
      30/01/14
      В настройках добавлена возможность смещения для корзины по вертикали
      Добавил ikarus Добавлено 05.06.2013 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart ocStore OpenCart.Pro, ocShop  
    • От colaweb
      3 000.00 руб
      Скачать/Купить дополнение


      Анимация для вашего магазина или сайта
      Сделаю анимацию для вашего магазина или сайта.
      Большой опыт работы.
       
      Примеры
      Анимация главной страницы
      «Эффект полета» картинки в корзину при клике на кнопку "купить"
       
      Мой портфолио на форуме
      https://opencartforum.com/profile/12157-colaweb/content/?type=downloads_file
      Добавил colaweb Добавлено 19.02.2018 Категория Услуги  
    • От colaweb
      Сделаю анимацию для вашего магазина или сайта.
      Большой опыт работы.
       
      Примеры
      Анимация главной страницы
      «Эффект полета» картинки в корзину при клике на кнопку "купить"
       
      Мой портфолио на форуме
      https://opencartforum.com/profile/12157-colaweb/content/?type=downloads_file
    • От ghost298
      Меняем эффекты прокрутки стандартного слайдера в opencart 2.3
      1. Открываем /catalog/controller/module/slideshow.php
      2. Ищем:
      $this->document->addScript('catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js'); Меняем на:
      $this->document->addScript('catalog/view/javascript/jquery/owl-carousel/owl.carousel.js'); 3. Ниже добавляем:
      $this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.transitions.css'); $this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/animate.css'); В итоге должно получиться:
      $this->document->addScript('catalog/view/javascript/jquery/owl-carousel/owl.carousel.js'); $this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.transitions.css'); $this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/animate.css'); 4. Идем в папку /catalog/view/javascript/jquery/owl-carousel где открываем файл owl.carousel.js
      5. Ищем:
      support3d = (asSupport !== null && asSupport.length === 1); Меняем на:
      support3d = (asSupport !== null && asSupport.length >= 1 && asSupport.length <= 2); 6. Открываем /catalog/view/theme/ваша-тема/template/extension/module/slideshow.tpl
      7. Ищем блок похожий на:
      <script type="text/javascript"><!-- $('#slideshow<?php echo $module; ?>').owlCarousel({ items: 1, autoplay:true, autoplaySpeed:1500, autoplayHoverPause:true, loop: true, singleItem: true, nav: true, navText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'], dots: true }); --></script> 8. Перед items: 1, вставляем:
      animateOut: 'rollOut', animateIn: 'rollIn', 9. Скачиваем animate.css:
      Ищи внизу под выбором стиля анимации Download Animate.css
      10. Вставляем через FTP animate.css сюда:
      /catalog/view/javascript/jquery/owl-carousel/
      11. Переходим в /catalog/view/theme/ваша-тема/template/extension/module/slideshow.tpl
      12. Ищем:
      animateOut: 'rollOut', animateIn: 'rollIn', Меняем rollOut и rollIn на любую другую заставку.
      Названия эффектов можно посмотреть здесь:
      https://daneden.github.io/animate.css/
      Там же можно посмотреть и как он выглядит и как называется.
       
      Версия в которой я настраивал: opencart 2.3.0.2.2
       
      Сначала настраивал по аналогии как здесь:
      https://asterial.ru/saytostroenie/effekty-slaydera-owl-carousel-v-opencart-i-ocstore-2102-chto-delat-esli-slayder-ne
       
      Но по ходу были небольшие доработки.
      Теперь давайте подробнее объясню, что к чему.
      В пункте 3 я добавил строчку $this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/animate.css'); потому что в файле …owl.transitions.css'); прописаны не все эффекты и добавление одной этой строчки не достаточно. Там прописано по моему 4 или 5 эффектов. При подключении библиотек … animate.css'); все эффекты работали как положено. Файл animate.css скачивал с сайта https://owlcarousel2.github.io/OwlCarousel2/demos/animate.html, см. пункт 9. Там ниже под пунктом 1 ссылка на скачку.
      Далее расположение файла slideshow.tpl в opencart 2.3.0.2.2 лежит немного по другому пути. См. пункт 6.
      Строки animateOut и animateIn в файле slideshow.tpl как раз и отвечают за анимацию прокрутки.
      animateOut – означает каким эффектом будет убираться изображение.
      animateIn – каким эффектом будет появляться следующее за ним изображение и так по кругу.
      Кстати если не заморачиваться и в файле slideshow.tpl перед items: 1, вставить     animateOut: 'fadeOut', то у вас уже должна смениться анимация прокрутки так как этот эффект присутствует по умолчанию в библиотеке owl.transitions.css
      Надеюсь новичкам данный мануал будет кстати.
  • Последние посетители   0 пользователей онлайн

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

×

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

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