Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Пошук по сайту

Результати пошуку за тегами 'анимация'.

  • Пошук за тегами

    Введіть теги через кому.
  • Пошук по автору

Тип публікацій


Категорії і розділи

  • Основний
    • Новини та оголошення
    • Пропозиції та побажання
    • Акції, подарунки, конкурси та винагороди
  • Opencart 4.x
    • Opencart 4.x: Загальні питання
    • Opencart 4.x: Встановлення та оновлення
    • Opencart 4.x: Локалізація
    • Opencart 4.x: Налаштування та оптимізація
    • Opencart 4.x: Пісочниця
    • Opencart 4.x: Пошук модулів
    • Opencart 4.x: Звіти про помилки
  • Opencart 3.x
    • Opencart 3.x: Загальні питання
    • Opencart 3.x: Встановлення та оновлення
    • Opencart 3.x: Локалізація
    • Opencart 3.x: Налаштування та оптимізація
    • Opencart 3.x: Пісочниця
    • Opencart 3.x: Пошук модулів
    • Opencart 3.x: Звіти про помилки
  • Opencart 2.x
    • Opencart 2.x: Загальні питання
    • Opencart 2.x: Встановлення та оновлення
    • Opencart 2.x: Локалізація
    • Opencart 2.x: Налаштування та оптимізація
    • Opencart 2.x: Пісочниця
    • Opencart 2.x: Пошук модулів
    • Opencart 2.x / ocStore 2.x: Звіти про помилки
  • Реклама і просування
    • SEO-питання (оптимізація та просування магазину)
    • Контекстна реклама
    • Торговые площадки
    • E-commerce tracking и бизнес аналитика
    • Разное
  • Підтримка та відповіді на запитання.
    • Загальні питання
    • Встановлення, оновлення, налаштування
    • Шаблони, дизайн та оформлення магазину
    • Модулі та розширення
    • Допомога програмістам та розробникам
    • Мобильная витрина
    • Питання безпеки
    • Переклад
    • Отчёты об ошибках
    • Интернет-магазины и электронная коммерция
    • Песочница
  • Послуги
    • Створення магазинів під ключ
    • Дизайн, верстка та шаблони
    • Програмування, створення модулів, зміна функціональності
    • Налаштування та дрібна робота по вже існуючому сайту
    • Оновлення версії двигуна магазина
    • Наповнення магазину
    • Системне адміністрування (налаштування хостингу, серверів, ПЗ)
    • Інші послуги
  • Разное
    • Пользовательские обзоры дополнений
    • Примеры сайтов на OpenCart (ocStore)
    • Курилка
    • Предложения по улучшению

Категорії

  • Шаблони
    • Безкоштовні шаблони
    • Платні шаблони
  • ФІльтри
  • Цены, скидки, акции, подарки
  • Реклама та просування
  • Бонуси, купони, програми лояльності
  • Блоги, новости, статьи
  • Відгуки
  • Покупки, оформление заказа, корзина
  • Опції
  • Атрибуты
  • Серии, Комплекты
  • Поиск
  • SEO, карта сайта, оптимизация
  • Кэширование, сжатие, ускорение
  • Платіжні системи
  • Доставки
  • Редакторы
  • Меню, дизайн, внешний вид
  • Слайдшоу, баннеры, галереи
  • Листи, пошта, розсилки, sms
  • Обратная связь, звонки
  • Обмен данными
  • Учет в заказе
  • Сравнения, закладки
  • Социальные сети
  • Парсеры
  • Модули
  • Инструменты, утилиты
  • Лицензии
  • Локалізації
  • Інші розширення
  • Отчеты
  • Збірки
    • ocStore
  • Послуги
    • Графика и дизайн
    • Маркетинг

Категорії

  • Служебные документы
  • Оплата
  • Документація Opencart

Категорії

  • Загальні питання
  • Купівля доповнень
  • Для розробників
  • Акаунт
  • Технічна підтримка
  • Фінансовий відділ

Категорії

  • Інтерв'ю
  • Статті

Блоги

  • Konorws (Разработка и модификация Opencart)
  • Блог mr.Kent)
  • Прожектор Бритни Спирс
  • Layk
  • Продвижение интернет-магазина, seo оптимизация
  • Записная книжка
  • Блог RGB
  • Модули которые сделают сайт лучше
  • Блог веб-студии NeoSeo
  • Useful IT
  • Записи
  • Найденные решения проблем с Opencart
  • ocdroid blog
  • Заметки на полях...
  • Pimur
  • Серж Ткач
  • О жизни, смерти, о бизнесе и Опенкарте
  • Просто мысли от laim731
  • Маркетинг и продвижение интернет-магазина
  • Мой копирайтинг
  • SEO боксинг специального назначения
  • Get-Web Dev
  • Seok
  • Блоги sitecreator-а
  • Best practice
  • Vlad-Egorov-Blog
  • Блог spectre
  • commanddotcom
  • Внимание мошенники
  • Наблюдения обычного человека
  • Блог Rassol2
  • Блог Exploits
  • блог для натуралов
  • Настюша, тут есть темы
  • Пропитано рекламой
  • Tutorial
  • ОтВинта
  • Tg chnls
  • Блог
  • Блог sv2109
  • КАК ОРГАНИЗОВАТЬ НОВОСТНЫЕ ПОДПИСКИ НА БАЗЕ API OPENCART 3/0/2
  • VDS/VPS, серверы под Linux: установка, настройка, оптимизация
  • IT блог
  • Блог
  • Opencart SEO
  • Путёвые заметки о работе магазина NiceBike на платформе OpenCart
  • Blondi Blog
  • Полезные статьи, новости.
  • Блог владельца магазина
  • разное
  • ПРОДАЖА АКАУНТОВ-binance ВЕРИФИЦИРОВАННЫe ЧИСТЫЕ УСПЕВАЙТЕ КУПИТЬ ПО НИЗКОЙ ЦЕНЕ
  • Диспансеризация
  • wozobat
  • quasarbyte
  • Мой блог
  • Igorych
  • aaaaa
  • 👌🔊Bellsouth CUSTOMER support number 1+(8O8)678=9O64-☎phone number
  • Liudmila marketer
  • Заметки реалиста
  • ocstore на ноліках
  • Про Opencart
  • Блог про рутинні процеси в магазині на ocsote
  • Radaevich
  • Плагіни Opencart
  • Крафтовий OpenCart: Старт пригоди. Ціна створення сайту на Опенкарт
  • Щось про щось
  • Від власника до розробника

Шукати результати в ...

Шукати результати, які ...


Дата створення

  • Почати

    Кінець


Останнє оновлення

  • Почати

    Кінець


Фільтр за кількістю ...

З нами

  • Почати

    Кінець


Група


Сайт


Skype


Місто:


Інтереси

Знайдено 7 результатов

  1. Додати анімацію при наведенні / кліку Варіант 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
  2. 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.х Звернення до сервера розробника Нет  
  3. Ребята, подскажите, как добавить вот такой скрипт анимации https://bobroed.ru/html-javascript/animaciya-dobavleniya-tovara-v-korzinu/ в ocStore 3.0.2.0? Куда прописать этот скрипт?
  4. Меняем эффекты прокрутки стандартного слайдера в 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 Надеюсь новичкам данный мануал будет кстати.
  5. Завантажити / Придбати розширення Анимация товара в корзину Чистый модуль для анимированного перемещения товара в корзину по нажатии на кнопку "купить". Проверенно на версиях 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 Звернення до сервера розробника  
  6. подскажите пожалуйста, как добавить перелет товара в корзину, как было в 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 (примеры ссылок из стандартной комплектации) Просьба черкните, кто знает, решение судя по всему простое, только его надо адаптировать под новую версию. Спасибо!
  7. Привет всем! 1) не работает анимация в модуле Карусель, хочу загрузить gif анимацию. Пробовал убирать ресайз в контроллере, но не получилось, может не правильно делал. 2) карусель на сайте идет в несколько рядов, можно ли дать каждому ряду свой заголовок? (не так важно) подскажите пожалуйста как это можно реализовать или может быть уже есть готовый модуль? движок OcStore (опенкарт) v1.5.4.1

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.