Search the Community

Додати анімацію при наведенні / кліку Варіант 1 1. Клікаємо на елемент, який треба анімувати 2. Вибираємо State - hover (при наведенні) або click 3. Розділ Extra 4. Додати ефекти transform з потрібними параметрами rotate - обертання scale - збільшення / зменшення translate - переміщення Наприклад, для піднімання на 5px догори: Для обертання на 90° 5. І щоб зробити ці ефекти плавними можна задати transition Варіант 2 1. Клікаємо на елемент, який треба анімувати 2. Вибираємо State - hover (при наведенні) або click 3. Розділ Dimension 4. Задати margin (відступ), що елемент зміщувався у потрібну сторону 5. Розділ Decorations, додаємо тінь 6. І щоб зробити ці ефекти плавними можна задати transition

25 Завантажити / Придбати розширення Preloader Pro - красивая загрузка Вашего магазина Модуль добавляет Preloader для Вашего магазина. Покупатели будут видеть анимационное изображение во время загрузки Вашего сайта. Повышает доверие и качество магазина. DEMO: http://gameshara.ru/module/ 10 видов самых популярных анимаций 2019 года 8 анимаций в SVG-формате (изображения состоят из кода и не нагружают Ваш сайт), 2 варианта сложных анимации в GIF Возможность установки любого цвета фона Обновление 1.1 Исправлено отображение прелоадера. Исправлены небольшие артефакты в версии OpenCart 3 Лицензия: Модуль продается с лицензией на сайт. Одна покупка = Один домен Покупая копию модуля вы получаете право на использование. Распространения модуль платно или бесплатно нарушает лицензию и грозит обнулением покупки, а так же уголовной ответственность предусмотренной статей 146 УК РФ (Нарушение авторских и смежных прав) Автор оставляет за собой право изменят условия предоставления лицензии, изменения цены и стоков продления лицензии. Все доработки, переработки и изменения функционала не входят в стоимость модуля и оплачиваются отдельно по письменной договоренности с автором. Тип распространения: Как есть Автор Leingard долучення 17.04.19 Категорія Меню, дизайн, внешний вид Системные требования Метод активации Автоматическая активация Ioncube Loader Нет ocStore 3.0 2.3 2.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 OcShop 2.0.3.х Звернення до сервера розробника Нет  

Ребята, подскажите, как добавить вот такой скрипт анимации https://bobroed.ru/html-javascript/animaciya-dobavleniya-tovara-v-korzinu/ в ocStore 3.0.2.0? Куда прописать этот скрипт?

Меняем эффекты прокрутки стандартного слайдера в 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 Надеюсь новичкам данный мануал будет кстати.

Завантажити / Придбати розширення Анимация товара в корзину Чистый модуль для анимированного перемещения товара в корзину по нажатии на кнопку "купить". Проверенно на версиях 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.13 Категорія Модули Системные требования Метод активации Без активации Ioncube Loader Нет ocStore OpenCart.Pro, ocShop Звернення до сервера розробника  

подскажите пожалуйста, как добавить перелет товара в корзину, как было в 1.4 версии? решения которые тут нашел, не выходит встроить, т.к. код в v1.5.4.1 много где отличается. насколько понял, нужно править common.js в разделе addToCart и product.tpl что-то в разделе с image - ($thumb) нужно, чтобы товар улетал как на странице с 1м товаром: /index.php?route=product/product&path=24&product_id=28 так и на странице со списком всех товаров категории: /index.php?route=product/category&path=24 (примеры ссылок из стандартной комплектации) Просьба черкните, кто знает, решение судя по всему простое, только его надо адаптировать под новую версию. Спасибо!

Привет всем! 1) не работает анимация в модуле Карусель, хочу загрузить gif анимацию. Пробовал убирать ресайз в контроллере, но не получилось, может не правильно делал. 2) карусель на сайте идет в несколько рядов, можно ли дать каждому ряду свой заголовок? (не так важно) подскажите пожалуйста как это можно реализовать или может быть уже есть готовый модуль? движок OcStore (опенкарт) v1.5.4.1