Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Search the Community

Showing results for tags 'lazy load'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Genaral
    • Новини та оголошення
    • Пропозиції та побажання
    • Акції, подарунки, конкурси та винагороди
  • Opencart 4.x
    • Opencart 4.x: General questions
    • Opencart 4.x: Installing and updating
    • Opencart 4.x: Localization
    • Opencart 4.x: Setting and optimization
    • Opencart 4.x: Sandbox
    • Opencart 4.x: Extension search
    • Opencart 4.x: Bug Reporting
  • Opencart 3.x
    • Opencart 3.x: General questions
    • Opencart 3.x: Installing and updating
    • Opencart 3.x: Localization
    • Opencart 3.x: Setting and optimization
    • Opencart 3.x: Sandbox
    • Opencart 3.x: Extension search
    • Opencart 3.x: Bug Reporting
  • Opencart 2.x
    • Opencart 2.x: General questions
    • Opencart 2.x: Installing and updating
    • Opencart 2.x: Localization
    • Opencart 2.x: Setting and optimization
    • Opencart 2.x: Sandbox
    • Opencart 2.x: Extension search
    • Opencart 2.x / ocStore 2.x: Bug Reporting
  • Реклама и продвижение
    • SEO-питання (оптимізація та просування магазину)
    • Контекстная реклама
    • Торговые площадки
    • E-commerce tracking и бизнес аналитика
    • Разное
  • Підтримка та відповіді на запитання.
    • Загальні питання
    • Встановлення, оновлення, налаштування
    • Шаблони, дизайн та оформлення магазину
    • Модули и дополнения
    • Допомога програмістам та розробникам
    • Мобильная витрина
    • Вопросы безопасности
    • Переклад
    • Отчёты об ошибках
    • Интернет-магазины и электронная коммерция
    • Песочница
  • Услуги
    • Creation of stores
    • Дизайн, верстка и шаблоны
    • Программирование, создание модулей, изменение функциональности
    • Настройка и мелкая работа по уже существующему сайту
    • Shop engine version update
    • Store filling
    • System administration (configuring hosting, servers, software)
    • Другие услуги
    • Reviews
  • Разное
    • Пользовательские обзоры дополнений
    • Примеры сайтов на OpenCart (ocStore)
    • Курилка
    • Предложения по улучшению

Categories

  • Templates
    • Free Templates
    • Paid Templates
  • Filters
  • Promotions & Pricing
  • Advertising & Promotion
  • Coupons & Loyalty Programs
  • Blogs, News & Articles
  • Reviews
  • Shopping Cart & Checkout
  • Product Options
  • Product Attributes
  • Product Combinations
  • Search
  • SEO & Optimization
  • Caching & Performance
  • Payment Systems
  • Shipping
  • Editors
  • Design & Navigation
  • Banners, Slideshows & Galleries
  • Email Marketing & SMS
  • Customer Support & Calls
  • Data Exchange
  • Order Accounting
  • Compare & Wishlist
  • Social Networks
  • Parsers
  • Modules
  • Tools & Utilities
  • Licenses
  • Language Packs
  • Other Extensions
  • Reports
  • Bundles
    • ocStore
  • Services
    • Graphics & Design
    • Marketing

Categories

  • Службові документи
  • Оплата
  • Документация Opencart
  • Правова інформація (Україна)

Categories

  • Gereneral questions
  • Purchasing extensions
  • For developer
  • Account
  • Technical support
  • Financial department

Blogs

  • 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: Старт пригоди. Ціна створення сайту на Опенкарт
  • Щось про щось
  • Від власника до розробника
  • Розы цвели и благоухали в томных лучах рассвета.
  • Дівчина, яка в житті не писала жодного рядка коду, сама роблю собі інтернет-магазин на OpenCart
  • Блог OcBox
  • Реклама і цифри

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Сайт


Skype


City:


Interests

Found 6 results

  1. Version 2.1.1

    Модуль вирішує проблему тривалого завантаження iframe з youtube та збільшує page speed. Дозволяє додавати відео youtube та vimeo у полях описів сторінок, додавати відео шорткордами, збирати відео у галерею на сторінці товару, відображати відео у popup Всі вставки iframe з відео на вашому сайті перед виведенням на сторінку будуть автоматично замінені на прев'ю відео у вигляді зображень, які підтягуються з img.youtube.com/vi. Увага! Модулю все одно, яким чином у вас реалізований виведення відео (через додаткові поля, опис товару, додаткові вкладки або прямо у файлі), він збирає кінцевий код iframe і замінює на свій при рендерингу сторінки системою opencart. Весь ваш функціонал залишається на місці і відео додаєте на сайт як і раніше. У будь-який момент модуль можна вимкнути. НАВІЩО Всі знають, що iframe з відео дуже завантажують сторінку і зменшують швидкість завантаження сайту. Особливо це відчутно (і навіть візуально видно), якщо на сторінці багато відео (кожен iframe це додаткові запити і ресурси). Бонус - галерея відео та зручне додавання відео на сайт МОЖЛИВОСТІ підтримка youtube, youtube shorts, vimeo зручна вставка відео шорткодами відео по кліку на прев'ю спливаюче вікно з відео по кліку на прев'ю своє зображення для прев'ю вибір розміру прев'ю налаштування іконки 'play' (зображення, font awesome, html) та стилізація збирання відео у галерею на основі доданих iframe та шорткодів у описі товару вибір позиції галереї та її стилізація іконка відео у категорії іконка відео у товарі (як опція відкриття галереї по кліку) 2 режими роботи галереї можливо вказати шляхи для виключення роботи модуля поля для кастомних стилів та js ОСОБЛИВОСТІ буде працювати на всіх шаблонах та усіх сторінках максимально легкий модуль без залежностей (всього пару рядків css і ванільного js, жодних бібліотек) буде працювати навіть без бутстрапу та jquery відкритий код повна версія 2.0 лише для opencart/ocstore 2.2+, для старіших - версія 1 ДЕМО Адмінка https://oc3.likedev.pro/admin/ логін/пароль: demo/demo товар https://oc3.likedev.pro/imac стаття https://oc3.likedev.pro/6-video ЗАСТОСУВАННЯ збільшення швидкості завантаження і в результаті кращий показник page speed зручне додавання відео на сайт кастомизація зовнішнього вигляду відео прев'ю організація галереї відео у картці товару без ризику для швидкості сайту виведення відео у popup дозволити показувати ваші iframe навіть на обмеженому просторі підміна прев'ю на свої дозволить поставити потрібні вам зображення для відео та прикрасити сайт Щоб не було чорних смуг, можна поставити заставки до відео на каналі youtube або завантажити свої в папку модуля. 6 відео - різниця 30-50% Модуль вимкнено: https://oc23.likedev.pro/6-video?disable-video-optim і page speed 49/33 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video%3Fdisable-video-optim&tab=mobile Модуль увімкнений https://oc23.likedev.pro/6-video і page speed 92/75 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video Сторінка та сама, тільки в першому випадку доданий параметр ?disable-video-optim щоб модуль не спрацьовував і можна було побачити різницю. 1 відео - різниця 10-30% І навіть з 1 відео показник досить просідає, особливо для мобільних пристроїв Модуль вимкнений: https://oc23.likedev.pro/1-video?disable-video-optim і page speed 88/51 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video%3Fdisable-video-optim&tab=desktop Модуль увімкнений: https://oc23.likedev.pro/1-video і page speed 96/80 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video&tab=mobile Крім того візуально набагато симпатичніше прев'ю з іконкою, ніж ютубовський iframe, та й можливість відкриття відео в popup теж дуже корисна. + ми можемо через css стилі кастомізувати прев'ю як нам завгодно. ВАЖЛИВО! Рекомендую використовувати режим POPUP для кращої сумісності з шаблонами, розміткою та адаптивністю відео. ВСТАНОВЛЕННЯ відео вставновлення (Тільки тут фікс не потрібен, інше - так само) Через установник в адмінці завантажуєте архів модуля ocmod для своєї версії опенкарт. Для версій 2.x переконайтеся, що у вас вже встановлено модифікатор localcopy. ocmod, якщо його немає – встановіть. PS. Для редактора CKeditor при вставці в режимі коду деяких тегів, у тому числі iframe, редактор їх чистить. У такому випадку робимо фікс: в admin\view\javascript\ckeditor\config. js після рядка config. resize_enabled = false; прописати config. allowedContent = true; Важливо: При використанні версії 2.0 модуля та модуля Accordion & Tabs переконайтеся, що Accordion & Tabs у вас версії 2.1.1, де випралена проблема сумісної роботи цих модулів. ОНОВЛЕННЯ до версії 2.0: 1. Видалити модифікатор старої версії модуля Youtube lazy load and popup 2. Оновити модифікатори 3. Встановити архів нової версії як звичайне доповнення через установщик 4. У списку розширень видалити модуль та встановити заново ЛІЦЕНЗІЯ Ліцензія видається на один домен. Також при необхідності на тестовий піддомен. Ключ буде надіслано автоматично на пошту покупця одразу після вашого замовлення. Якщо з якоїсь причини листа немає - пишіть на пошту чи лс. ПРОХАННЯ ВКАЗАТИ ДОМЕН ВІДРАЗУ ПРИ КУПІВЛІ Також дивіться модулі: Accordion & Tabs & Steps v2 - конструктор контенту Smart Video Widgets - відео в фоні, банера, зображення, сповіщення з налаштуванням умов показу Google Reviews - відгуки з гугл карт (Google Business) з віджетом довіри + відгуки про товари Grapes Web Builder - більше ніж візуальний редактор
    $20
  2. Version 1.0.24

    OcBox Image Pro — WebP, ImageMagick, водяной знак и MD5-анонимизатор в одном модуле Страницы сайта грузят картинки медленно? Google PageSpeed жалуется на «Serve images in next-gen formats»? Конкуренты воруют фото из вашего каталога через прямые URL? Платформа отдаёт JPEG по 200 КБ вместо WebP по 40 КБ? Photoshop-ите фото с watermark по 1000 раз вручную? OcBox Image Pro решает все эти проблемы одним модулем без вмешательства в шаблон, без изменения URL картинок и без правок twig-файлов. Главная идея — сделать изображения вашего магазина максимально качественными, заменив базовую PHP-библиотеку GD (с которой работает OpenCart по умолчанию) на ImageMagick. Что это значит для вас: когда OpenCart делает миниатюру с вашего фото 4000×3000 для каталога — стандартная GD снижает качество, появляются артефакты, размываются детали. ImageMagick делает это профессионально, с минимальными потерями качества при сжатии — товар на сайте выглядит так же хорошо, как на оригинальном фото от фотографа. А также мы автоматически конвертируем все картинки сайта в WebP — чтобы Google любил ваш магазин. WebP — современный формат который весит в 2-3 раза меньше чем JPEG при том же качестве. Страницы грузятся быстрее, Core Web Vitals зеленеют, позиции в поиске растут. И всё это — без правок шаблона, без вмешательства в код тем, без боли. Beta-версія 0.9 Это бета-версия 0.9. Основное (скорость, WebP, качество картинок, защита от воровства фото) — работает стабильно. Визуальный конструктор водяного знака и кнопка массовой перегенерации кеша — на финальной стадии и будут в ближайших обновлениях, бесплатно для тех кто купил на бета-этапе. Цена $15 — стартовая скидка для тех кто берёт сейчас. После релиза 1.0 цена поднимется. Пишите в личные — будем благодарны за отзывы. Что вы получаете — полный перечень Все функции модуля с объяснением, какие боли магазина они закрывают. Каждая функция — реальный код, а не маркетинг. ✓ MD5-анонимизатор — защита от воров фото Вместо iphone-15-pro.jpg ваши фото лежат как 3a7f8b2.jpg. Конкурент уже не может за 5 минут скачать весь каталог скриптом — имена непредсказуемые. Защищает авторские фото от парсинга и копирования по прямым ссылкам. ⚠ Без этого: вы заплатили фотографу $1000-3000, конкурент за вечер качает все фото и использует бесплатно. ✓ ImageMagick вместо стандартной PHP GD OpenCart по умолчанию режет фото библиотекой GD — быстро, но качество страдает, появляются артефакты, размытые детали. Мы ставим ImageMagick — профессиональный движок который используют Adobe, Shopify, eBay. Миниатюра 300×300 из оригинала 4000×3000 выглядит резко и чисто. ⚠ Без этого: фото товаров выглядят хуже чем есть на самом деле — мутные миниатюры отталкивают покупателя. ✓ Работает на любом хостинге — от премиум до бюджетного Модуль автоматически определяет что доступно на вашем сервере и выбирает лучший вариант: полный ImageMagick (премиум хостинг — самое быстрое), CLI-фолбек (средний хостинг — на 30% медленнее но качество то же), или стандартная GD (бюджетный хостинг — тоже работает). Не зависнете без WebP как с большинством плагинов. ⚠ Без этого: покупаете плагин, ставите, а он не работает потому что у вас «не тот хостинг» — деньги на ветер. ✓ Мастер установки с автопроверкой сервера На первом шаге мастера модуль сам проверяет ваш сервер: что установлено, что нет, есть ли доступ на запись в нужные папки. Показывает зелёный/жёлтый/красный статус и объясняет простыми словами что делать если что-то не так. Не надо гуглить, не надо беспокоить хостера — всё наглядно. ⚠ Без этого: ставите модуль и не понимаете почему он не работает, мучаетесь часами или бросаете. ✓ Настройка качества картинок под ваш магазин Слайдеры: качество JPEG, качество WebP, сжатие PNG. Хотите максимальное качество фото для ювелирного магазина — двигаете вверх. Хотите максимально быстрый сайт для одежды — вниз. Перегенерируете кеш одним кликом и смотрите что лучше для вас. ⚠ Без этого: дефолт OpenCart даёт или слишком сжатые (видны артефакты), или слишком тяжёлые файлы — компромисса нет. ✓ Чёткий ресайз больших фото Когда ваше фото 4000×3000 режется на миниатюру 300×300 — выбор алгоритма влияет на результат. Мы даём 4 варианта: «самый резкий», «быстрый», «компромисс», «мягче для портретов». Один клик — переключились, перегенерировали кеш — увидели результат. ⚠ Без этого: товары с тонкими деталями (одежда, ювелирка, часы, техника) выглядят размытыми. ✓ Удаление скрытых метаданных из фото Фото с фотоаппарата содержат скрытые данные: модель камеры, настройки, ICC color profile, и часто — GPS-координаты места съёмки! Если ваш фотограф снимал на складе — координаты склада утекают в публичный доступ через ваши товары. Модуль вырезает это автоматически + экономит 30-50 КБ на каждом фото. ⚠ Без этого: координаты вашего склада/офиса публичны через любое фото товара. Или просто лишний вес картинок. ✓ Постепенная загрузка картинок (Progressive JPEG) Вместо «пустого прямоугольника пока фото не загрузится» — на медленном мобильном интернете покупатель видит картинку сразу: сначала размытую, потом чётче. Психологически воспринимается как «сайт работает» вместо «сайт глючит». ⚠ Без этого: на 3G/4G покупатель видит пустые прямоугольники и уходит с сайта думая что «опять лагает». ✓ Повышение резкости после ресайза При сильном сжатии (фото 4000px → миниатюра 300px) детали неизбежно теряются. Slider «резкость» добавляет их обратно. Особенно заметно на товарах с тонкими деталями: ткани, фактуры, гравировки, мелкие надписи на упаковке. ⚠ Без этого: мелкие товары (ювелирка, часы, бижутерия) в списке каталога выглядят как замыленные пятна. ✓ Быстрый первый рендер страницы Первый раз когда картинка показывается — она должна конвертироваться в WebP. Обычно это задерживает страницу. У нас конвертация происходит в фоне после того как страница уже показалась — первый посетитель не замечает задержки, следующие достают готовый WebP мгновенно. ⚠ Без этого: первый посетитель после очистки кеша ждёт лишних полсекунды — и воспринимает сайт как медленный. ✓ Визуальный конструктор водяного знака — drag&drop Вместо того чтобы задавать координаты в пикселях («X=120, Y=340») и смотреть что получилось — у нас на экране ваше реальное фото товара, перетаскиваете мышью знак на нужное место, настраиваете размер/прозрачность/наклон визуально. Как в Photoshop, только в админке OpenCart и сразу для всего каталога. ⚠ Без этого: настраиваете знак в Photoshop и потом вручную ставите на 1000 фото = неделя работы. ✓ Водяной знак — картинка ИЛИ текст Загружаете PNG-логотип с прозрачным фоном — или просто пишете текст (например название магазина, домен сайта) и выбираете шрифт, размер, цвет, обводку. ⚠ Без этого: покупаете отдельный watermark-плагин за $15-30 дополнительно. ✓ Водяной знак одинаково выглядит на всех размерах Настроили один раз — модуль автоматически адаптирует знак к каждому размеру миниатюры. На карточке товара (800px) знак выглядит одного размера, на миниатюре в каталоге (300px) — пропорционально меньший. Не портит макет. ⚠ Без этого: знак на 1200px нормальный, а на миниатюре 300px занимает пол-экрана и ломает каталог. ✓ Превью на реальном товаре В конструкторе выбираете из вашего каталога конкретный товар (например светлое фото на белом фоне и тёмное на чёрном) — и смотрите как ваш знак будет выглядеть. Перетащили — обновилось мгновенно. Так вы не ошибётесь с цветом/позицией прежде чем залить на 5000 товаров. ⚠ Без этого: настроили по одному примеру, залили — и видите что на чёрном фоне ваш чёрный знак не виден. А кеш уже сгенерирован. ✓ Водяной знак только на больших фото В списке «похожих товаров» миниатюры 100×100. Знак на них всё равно нечитаем и только портит вид. Настраиваете минимальный размер для знака (по умолчанию 300×300) — меньше этого размера модуль не ставит знак. Карточка товара получает знак, мелкая иконка — нет. ⚠ Без этого: знак лепится на все миниатюры, в списке «4 квадратика 100×100 с логотипом» покупатель не понимает что там за товары. ✓ Несколько наборов водяного знака — для разных случаев Один знак для обычного каталога (логотип в углу), другой для распродажи (текст «-30%» по центру), третий без знака для категории «B2B партнёрам». Переключаете настройки одним кликом — не надо переналаживать всё заново. ⚠ Без этого: под каждую акцию переналаживаете знак с нуля и возвращаетесь — каждый раз полчаса. ✓ Знак только на фото товаров, не на категориях/производителях Логотип Apple на фото iPhone — нарушение авторских прав. Ваш знак на баннере «Электроника» — выглядит как хакерство. Модуль ставит знак ТОЛЬКО на фото товаров, другие категории картинок (баннеры, лого производителей, категории) остаются чистыми. ⚠ Без этого: знак на лого производителя = претензии от правообладателей. ✓ В админке видите чистые фото без знака Когда вы редактируете товар — видите оригинальное фото без водяного знака. Знак появляется только на сайте для покупателей. Не путает вас при работе. ⚠ Без этого: работаете в админке и всё время смотрите на свой же знак на собственных фото — лишний визуальный шум. ✓ Кнопка «Перегенерировать весь кеш» Изменили настройки качества или водяной знак — и хотите чтобы все картинки сразу обновились без ожидания. Нажимаете кнопку, видите прогресс-бар, ждёте — и весь каталог со свежим кешем. Без этого первые посетители неделю достают медленные рендеры пока сайт сам прогенерирует. ⚠ Без этого: изменили качество — и в течение недели первые посетители страниц достают медленные рендеры через регенерацию кеша. ✓ Исключение определённых путей из обработки Не хотите чтобы модуль трогал баннеры главной страницы или платёжные логотипы? Укажите эти пути в настройках — модуль их обходит. Остальная часть сайта обрабатывается как всегда. ⚠ Без этого: WebP-подмена задевает баннеры и платёжные иконки, ломая дизайн страниц. ✓ Безопасное удаление с восстановлением оригиналов Если передумали — модуль чисто удаляется: возвращает OpenCart к стандартной логике работы с картинками, чистит кеш, восстанавливает оригинальный код. Никаких хвостов в базе или файлах. Риска сломать магазин нет. ⚠ Без этого: дешёвые модули оставляют хвосты после удаления — потом неделями ищете в логах причины глюков. Совместимость и системные требования OpenCart 3.x и ocStore 3.x. OC 2.3 — в роадмапе (форк image_pro_oc23/ после стабилизации 3.x) PHP 7.4 или выше (тестировано на 7.4, 8.1, 8.3) ionCube Loader 14 или выше — модуль закодирован ionCube Encoder 15 Один из трёх backends: PRO: Imagick PECL extension (extension=imagick.so) — рекомендуется, самое быстрое STANDARD: ImageMagick CLI (convert) + cwebp — fallback, на 30-40% медленнее MINIMAL: PHP GD с WebP-поддержкой — минимум, ниже качество ресайза Запись в image/cache/ и image/cache/webp/ (chmod 755 или 775) Работает с любым шаблоном — модуль на уровне response.php и model/tool/image.php (НЕ правки twig) FreeType (для текстового watermark — Phase 5) На форуме размещён технический ZIP с инструкцией. Установочная сборка готовится индивидуально: напишите в личные сообщения, укажите домен, версию PHP, ionCube Loader и версию OpenCart. ionCube Loader — обратите внимание! Модуль закодирован ionCube Encoder 15. Для работы нужен ionCube Loader версии 14 или выше. Если у вас на хостинге установлен Loader 13.x или ниже — модуль не запустится. Проверить версию: php -m | grep ionCube или через phpinfo(). Если нужна версия для старого Loader-а — пишите в личные, сделаем легаси-сборку. Возможные конфликты и как их обойти OcBox Image Pro встраивается в OpenCart через два OCMOD-а: system/library/response.php (для WebP-подмены в HTML) и catalog/model/tool/image.php (для MD5 + WebP dual-write). Возможные конфликты и их решение: OCMOD-ы шаблонов — некоторые премиум-шаблоны (например UpStore, CyberStore в определённых версиях) сами переписывают response.php или добавляют свою image-логику. Если после установки Image Pro картинки не показываются или страница белая — временно отключите OCMOD шаблона через Расширения → Модификации → Disable, перезагрузите кеш OpenCart и кеш браузера. Jet Cache (Jet Cache и подобные full-page cache модули) — кешируют HTML-вывод ДО того как наш OCMOD его обработает. Результат: WebP-подмена не работает, посетители получают старую кеш-версию с JPEG. Решение — либо полностью отключить Jet Cache, либо настроить его exclude pattern для image/cache/ URLs (если такой exclude поддерживается). Лучше совсем отключить — Image Pro сам по себе даёт лучшую скорость страниц чем full-page cache благодаря WebP. Что делать при конфликте: зайти в Расширения → Модификации, отключить подозрительные OCMOD-ы по очереди, каждый раз делать Refresh + чистить image/cache/, пока картинки не вернутся. Если сами не разобрались — пишите в личные сообщения, поможем. Продление лицензии на обновления В стоимость модуля уже входит год обновлений. Далее продление по той же цене ежегодно, чтобы получать новые версии (доступ к скачиванию предоставляется после оплаты). Если не продлевать, модуль продолжает работать как и раньше, просто без новых версий. Клиенты, купившие до введения продлений, сохраняют условия на дату покупки. Продление не включает повторную ionCube-компиляцию, установку и персональные консультации. Регламент выдачи файлов модуля В рабочие дни в рабочее время файл модуля передаётся покупателю в течение суток с момента оплаты, как правило менее чем за час. В выходные дни и официальные (государственные) праздники возможны задержки — модуль будет отправлен с наступлением ближайшего рабочего дня. Благодарим за понимание. Нашли ошибку в работе модуля? Напишите в тему поддержки или в личные сообщения: ссылку на страницу, что вы делали, что произошло, и текст ошибки. Как за пять минут включить показ ошибок, найти журнал и увидеть ошибки в консоли браузера, пошагово со скриншотами: Ошибки на сайте OpenCart: как их включить, найти и передать разработчику (статья на украинском языке). С таким отчётом мы исправляем проблему значительно быстрее. Рекомендуемые платные модули OcBox Smart Related $30 — связанные товары SEO FAQ AI $30 — AI FAQ + Schema.org AI Product Editor $50 — массовое редактирование Filter $30 — умный фильтр + SEO Category Manager $15 — визуальный менеджер категорий AI Smart Search $200 — AI-поиск с синонимами AI Chat $100 — AI-консультант 24/7 AI Photo Studio $50 — AI-обработка фото PaymentHub $80 — хаб оплат ShippingHub $80 — хаб доставок SmartOrder $30 — быстрый заказ ShippingRules $30 — правила доставки AI Megareports $20 — отчёты и Telegram-дайджест Product Bundles $30 — комплекты и наборы Simple Super Search $15 — нечёткий поиск без Sphinx Подписывайтесь на наш канал: t.me/ocboxchannel
    $15
  3. 15 При покупке доступ к обновлениям в течение 1 года После окончания основного периода доступ к обновлениям можно продолжить 15.00 USD за год Скачать / Купить дополнение OcBox Image Pro — WebP-конвертер для OpenCart и ocStore, водяные знаки, ImageMagick, MD5-анонимизатор фото товаров OcBox Image Pro — WebP, ImageMagick, водяной знак и MD5-анонимизатор в одном модуле Страницы сайта грузят картинки медленно? Google PageSpeed жалуется на «Serve images in next-gen formats»? Конкуренты воруют фото из вашего каталога через прямые URL? Платформа отдаёт JPEG по 200 КБ вместо WebP по 40 КБ? Photoshop-ите фото с watermark по 1000 раз вручную? OcBox Image Pro решает все эти проблемы одним модулем без вмешательства в шаблон, без изменения URL картинок и без правок twig-файлов. Главная идея — сделать изображения вашего магазина максимально качественными, заменив базовую PHP-библиотеку GD (с которой работает OpenCart по умолчанию) на ImageMagick. Что это значит для вас: когда OpenCart делает миниатюру с вашего фото 4000×3000 для каталога — стандартная GD снижает качество, появляются артефакты, размываются детали. ImageMagick делает это профессионально, с минимальными потерями качества при сжатии — товар на сайте выглядит так же хорошо, как на оригинальном фото от фотографа. А также мы автоматически конвертируем все картинки сайта в WebP — чтобы Google любил ваш магазин. WebP — современный формат который весит в 2-3 раза меньше чем JPEG при том же качестве. Страницы грузятся быстрее, Core Web Vitals зеленеют, позиции в поиске растут. И всё это — без правок шаблона, без вмешательства в код тем, без боли. Beta-версія 0.9 Это бета-версия 0.9. Основное (скорость, WebP, качество картинок, защита от воровства фото) — работает стабильно. Визуальный конструктор водяного знака и кнопка массовой перегенерации кеша — на финальной стадии и будут в ближайших обновлениях, бесплатно для тех кто купил на бета-этапе. Цена $15 — стартовая скидка для тех кто берёт сейчас. После релиза 1.0 цена поднимется. Пишите в личные — будем благодарны за отзывы. Что вы получаете — полный перечень Все функции модуля с объяснением, какие боли магазина они закрывают. Каждая функция — реальный код, а не маркетинг. ✓ MD5-анонимизатор — защита от воров фото Вместо iphone-15-pro.jpg ваши фото лежат как 3a7f8b2.jpg. Конкурент уже не может за 5 минут скачать весь каталог скриптом — имена непредсказуемые. Защищает авторские фото от парсинга и копирования по прямым ссылкам. ⚠ Без этого: вы заплатили фотографу $1000-3000, конкурент за вечер качает все фото и использует бесплатно. ✓ ImageMagick вместо стандартной PHP GD OpenCart по умолчанию режет фото библиотекой GD — быстро, но качество страдает, появляются артефакты, размытые детали. Мы ставим ImageMagick — профессиональный движок который используют Adobe, Shopify, eBay. Миниатюра 300×300 из оригинала 4000×3000 выглядит резко и чисто. ⚠ Без этого: фото товаров выглядят хуже чем есть на самом деле — мутные миниатюры отталкивают покупателя. ✓ Работает на любом хостинге — от премиум до бюджетного Модуль автоматически определяет что доступно на вашем сервере и выбирает лучший вариант: полный ImageMagick (премиум хостинг — самое быстрое), CLI-фолбек (средний хостинг — на 30% медленнее но качество то же), или стандартная GD (бюджетный хостинг — тоже работает). Не зависнете без WebP как с большинством плагинов. ⚠ Без этого: покупаете плагин, ставите, а он не работает потому что у вас «не тот хостинг» — деньги на ветер. ✓ Мастер установки с автопроверкой сервера На первом шаге мастера модуль сам проверяет ваш сервер: что установлено, что нет, есть ли доступ на запись в нужные папки. Показывает зелёный/жёлтый/красный статус и объясняет простыми словами что делать если что-то не так. Не надо гуглить, не надо беспокоить хостера — всё наглядно. ⚠ Без этого: ставите модуль и не понимаете почему он не работает, мучаетесь часами или бросаете. ✓ Настройка качества картинок под ваш магазин Слайдеры: качество JPEG, качество WebP, сжатие PNG. Хотите максимальное качество фото для ювелирного магазина — двигаете вверх. Хотите максимально быстрый сайт для одежды — вниз. Перегенерируете кеш одним кликом и смотрите что лучше для вас. ⚠ Без этого: дефолт OpenCart даёт или слишком сжатые (видны артефакты), или слишком тяжёлые файлы — компромисса нет. ✓ Чёткий ресайз больших фото Когда ваше фото 4000×3000 режется на миниатюру 300×300 — выбор алгоритма влияет на результат. Мы даём 4 варианта: «самый резкий», «быстрый», «компромисс», «мягче для портретов». Один клик — переключились, перегенерировали кеш — увидели результат. ⚠ Без этого: товары с тонкими деталями (одежда, ювелирка, часы, техника) выглядят размытыми. ✓ Удаление скрытых метаданных из фото Фото с фотоаппарата содержат скрытые данные: модель камеры, настройки, ICC color profile, и часто — GPS-координаты места съёмки! Если ваш фотограф снимал на складе — координаты склада утекают в публичный доступ через ваши товары. Модуль вырезает это автоматически + экономит 30-50 КБ на каждом фото. ⚠ Без этого: координаты вашего склада/офиса публичны через любое фото товара. Или просто лишний вес картинок. ✓ Постепенная загрузка картинок (Progressive JPEG) Вместо «пустого прямоугольника пока фото не загрузится» — на медленном мобильном интернете покупатель видит картинку сразу: сначала размытую, потом чётче. Психологически воспринимается как «сайт работает» вместо «сайт глючит». ⚠ Без этого: на 3G/4G покупатель видит пустые прямоугольники и уходит с сайта думая что «опять лагает». ✓ Повышение резкости после ресайза При сильном сжатии (фото 4000px → миниатюра 300px) детали неизбежно теряются. Slider «резкость» добавляет их обратно. Особенно заметно на товарах с тонкими деталями: ткани, фактуры, гравировки, мелкие надписи на упаковке. ⚠ Без этого: мелкие товары (ювелирка, часы, бижутерия) в списке каталога выглядят как замыленные пятна. ✓ Быстрый первый рендер страницы Первый раз когда картинка показывается — она должна конвертироваться в WebP. Обычно это задерживает страницу. У нас конвертация происходит в фоне после того как страница уже показалась — первый посетитель не замечает задержки, следующие достают готовый WebP мгновенно. ⚠ Без этого: первый посетитель после очистки кеша ждёт лишних полсекунды — и воспринимает сайт как медленный. ✓ Визуальный конструктор водяного знака — drag&drop Вместо того чтобы задавать координаты в пикселях («X=120, Y=340») и смотреть что получилось — у нас на экране ваше реальное фото товара, перетаскиваете мышью знак на нужное место, настраиваете размер/прозрачность/наклон визуально. Как в Photoshop, только в админке OpenCart и сразу для всего каталога. ⚠ Без этого: настраиваете знак в Photoshop и потом вручную ставите на 1000 фото = неделя работы. ✓ Водяной знак — картинка ИЛИ текст Загружаете PNG-логотип с прозрачным фоном — или просто пишете текст (например название магазина, домен сайта) и выбираете шрифт, размер, цвет, обводку. ⚠ Без этого: покупаете отдельный watermark-плагин за $15-30 дополнительно. ✓ Водяной знак одинаково выглядит на всех размерах Настроили один раз — модуль автоматически адаптирует знак к каждому размеру миниатюры. На карточке товара (800px) знак выглядит одного размера, на миниатюре в каталоге (300px) — пропорционально меньший. Не портит макет. ⚠ Без этого: знак на 1200px нормальный, а на миниатюре 300px занимает пол-экрана и ломает каталог. ✓ Превью на реальном товаре В конструкторе выбираете из вашего каталога конкретный товар (например светлое фото на белом фоне и тёмное на чёрном) — и смотрите как ваш знак будет выглядеть. Перетащили — обновилось мгновенно. Так вы не ошибётесь с цветом/позицией прежде чем залить на 5000 товаров. ⚠ Без этого: настроили по одному примеру, залили — и видите что на чёрном фоне ваш чёрный знак не виден. А кеш уже сгенерирован. ✓ Водяной знак только на больших фото В списке «похожих товаров» миниатюры 100×100. Знак на них всё равно нечитаем и только портит вид. Настраиваете минимальный размер для знака (по умолчанию 300×300) — меньше этого размера модуль не ставит знак. Карточка товара получает знак, мелкая иконка — нет. ⚠ Без этого: знак лепится на все миниатюры, в списке «4 квадратика 100×100 с логотипом» покупатель не понимает что там за товары. ✓ Несколько наборов водяного знака — для разных случаев Один знак для обычного каталога (логотип в углу), другой для распродажи (текст «-30%» по центру), третий без знака для категории «B2B партнёрам». Переключаете настройки одним кликом — не надо переналаживать всё заново. ⚠ Без этого: под каждую акцию переналаживаете знак с нуля и возвращаетесь — каждый раз полчаса. ✓ Знак только на фото товаров, не на категориях/производителях Логотип Apple на фото iPhone — нарушение авторских прав. Ваш знак на баннере «Электроника» — выглядит как хакерство. Модуль ставит знак ТОЛЬКО на фото товаров, другие категории картинок (баннеры, лого производителей, категории) остаются чистыми. ⚠ Без этого: знак на лого производителя = претензии от правообладателей. ✓ В админке видите чистые фото без знака Когда вы редактируете товар — видите оригинальное фото без водяного знака. Знак появляется только на сайте для покупателей. Не путает вас при работе. ⚠ Без этого: работаете в админке и всё время смотрите на свой же знак на собственных фото — лишний визуальный шум. ✓ Кнопка «Перегенерировать весь кеш» Изменили настройки качества или водяной знак — и хотите чтобы все картинки сразу обновились без ожидания. Нажимаете кнопку, видите прогресс-бар, ждёте — и весь каталог со свежим кешем. Без этого первые посетители неделю достают медленные рендеры пока сайт сам прогенерирует. ⚠ Без этого: изменили качество — и в течение недели первые посетители страниц достают медленные рендеры через регенерацию кеша. ✓ Исключение определённых путей из обработки Не хотите чтобы модуль трогал баннеры главной страницы или платёжные логотипы? Укажите эти пути в настройках — модуль их обходит. Остальная часть сайта обрабатывается как всегда. ⚠ Без этого: WebP-подмена задевает баннеры и платёжные иконки, ломая дизайн страниц. ✓ Безопасное удаление с восстановлением оригиналов Если передумали — модуль чисто удаляется: возвращает OpenCart к стандартной логике работы с картинками, чистит кеш, восстанавливает оригинальный код. Никаких хвостов в базе или файлах. Риска сломать магазин нет. ⚠ Без этого: дешёвые модули оставляют хвосты после удаления — потом неделями ищете в логах причины глюков. Совместимость и системные требования OpenCart 3.x и ocStore 3.x. OC 2.3 — в роадмапе (форк image_pro_oc23/ после стабилизации 3.x) PHP 7.4 или выше (тестировано на 7.4, 8.1, 8.3) ionCube Loader 14 или выше — модуль закодирован ionCube Encoder 15 Один из трёх backends: PRO: Imagick PECL extension (extension=imagick.so) — рекомендуется, самое быстрое STANDARD: ImageMagick CLI (convert) + cwebp — fallback, на 30-40% медленнее MINIMAL: PHP GD с WebP-поддержкой — минимум, ниже качество ресайза Запись в image/cache/ и image/cache/webp/ (chmod 755 или 775) Работает с любым шаблоном — модуль на уровне response.php и model/tool/image.php (НЕ правки twig) FreeType (для текстового watermark — Phase 5) На форуме размещён технический ZIP с инструкцией. Установочная сборка готовится индивидуально: напишите в личные сообщения, укажите домен, версию PHP, ionCube Loader и версию OpenCart. ionCube Loader — обратите внимание! Модуль закодирован ionCube Encoder 15. Для работы нужен ionCube Loader версии 14 или выше. Если у вас на хостинге установлен Loader 13.x или ниже — модуль не запустится. Проверить версию: php -m | grep ionCube или через phpinfo(). Если нужна версия для старого Loader-а — пишите в личные, сделаем легаси-сборку. Возможные конфликты и как их обойти OcBox Image Pro встраивается в OpenCart через два OCMOD-а: system/library/response.php (для WebP-подмены в HTML) и catalog/model/tool/image.php (для MD5 + WebP dual-write). Возможные конфликты и их решение: OCMOD-ы шаблонов — некоторые премиум-шаблоны (например UpStore, CyberStore в определённых версиях) сами переписывают response.php или добавляют свою image-логику. Если после установки Image Pro картинки не показываются или страница белая — временно отключите OCMOD шаблона через Расширения → Модификации → Disable, перезагрузите кеш OpenCart и кеш браузера. Jet Cache (Jet Cache и подобные full-page cache модули) — кешируют HTML-вывод ДО того как наш OCMOD его обработает. Результат: WebP-подмена не работает, посетители получают старую кеш-версию с JPEG. Решение — либо полностью отключить Jet Cache, либо настроить его exclude pattern для image/cache/ URLs (если такой exclude поддерживается). Лучше совсем отключить — Image Pro сам по себе даёт лучшую скорость страниц чем full-page cache благодаря WebP. Что делать при конфликте: зайти в Расширения → Модификации, отключить подозрительные OCMOD-ы по очереди, каждый раз делать Refresh + чистить image/cache/, пока картинки не вернутся. Если сами не разобрались — пишите в личные сообщения, поможем. Продление лицензии на обновления В стоимость модуля уже входит год обновлений. Далее продление по той же цене ежегодно, чтобы получать новые версии (доступ к скачиванию предоставляется после оплаты). Если не продлевать, модуль продолжает работать как и раньше, просто без новых версий. Клиенты, купившие до введения продлений, сохраняют условия на дату покупки. Продление не включает повторную ionCube-компиляцию, установку и персональные консультации. Регламент выдачи файлов модуля В рабочие дни в рабочее время файл модуля передаётся покупателю в течение суток с момента оплаты, как правило менее чем за час. В выходные дни и официальные (государственные) праздники возможны задержки — модуль будет отправлен с наступлением ближайшего рабочего дня. Благодарим за понимание. Нашли ошибку в работе модуля? Напишите в тему поддержки или в личные сообщения: ссылку на страницу, что вы делали, что произошло, и текст ошибки. Как за пять минут включить показ ошибок, найти журнал и увидеть ошибки в консоли браузера, пошагово со скриншотами: Ошибки на сайте OpenCart: как их включить, найти и передать разработчику (статья на украинском языке). С таким отчётом мы исправляем проблему значительно быстрее. Рекомендуемые платные модули OcBox Smart Related $30 — связанные товары SEO FAQ AI $30 — AI FAQ + Schema.org AI Product Editor $50 — массовое редактирование Filter $30 — умный фильтр + SEO Category Manager $15 — визуальный менеджер категорий AI Smart Search $200 — AI-поиск с синонимами AI Chat $100 — AI-консультант 24/7 AI Photo Studio $50 — AI-обработка фото PaymentHub $80 — хаб оплат ShippingHub $80 — хаб доставок SmartOrder $30 — быстрый заказ ShippingRules $30 — правила доставки AI Megareports $20 — отчёты и Telegram-дайджест Product Bundles $30 — комплекты и наборы Simple Super Search $15 — нечёткий поиск без Sphinx Мы рекомендуем шаблоны от 29aleksey Лучше всего работает с быстрыми шаблонами. 29aleksey делает топовые шаблоны для OpenCart 2.3/3.0 с акцентом на скорость и оптимизацию из коробки: Prime UpStore CyberStore Chameleon LuxShop NewStore Подписывайтесь на наш канал: t.me/ocboxchannel Добавил OcBox Добавлено 26.04.2026 Категория Кешування, стиснення, прискорення OpenCart.Pro, ocShop Не проверялось  
  4. 900грн Завантажити / Придбати розширення YouTube lazy load & popup - вставка відео з youtube, vimeo, галерея відео, оптимізація page speed сторінок з відео Модуль вирішує проблему тривалого завантаження iframe з youtube та збільшує page speed. Дозволяє додавати відео youtube та vimeo у полях описів сторінок, додавати відео шорткордами, збирати відео у галерею на сторінці товару, відображати відео у popup Всі вставки iframe з відео на вашому сайті перед виведенням на сторінку будуть автоматично замінені на прев'ю відео у вигляді зображень, які підтягуються з img.youtube.com/vi. Увага! Модулю все одно, яким чином у вас реалізований виведення відео (через додаткові поля, опис товару, додаткові вкладки або прямо у файлі), він збирає кінцевий код iframe і замінює на свій при рендерингу сторінки системою opencart. Весь ваш функціонал залишається на місці і відео додаєте на сайт як і раніше. У будь-який момент модуль можна вимкнути. НАВІЩО Всі знають, що iframe з відео дуже завантажують сторінку і зменшують швидкість завантаження сайту. Особливо це відчутно (і навіть візуально видно), якщо на сторінці багато відео (кожен iframe це додаткові запити і ресурси). Бонус - галерея відео та зручне додавання відео на сайт МОЖЛИВОСТІ підтримка youtube, youtube shorts, vimeo зручна вставка відео шорткодами відео по кліку на прев'ю спливаюче вікно з відео по кліку на прев'ю своє зображення для прев'ю вибір розміру прев'ю налаштування іконки 'play' (зображення, font awesome, html) та стилізація збирання відео у галерею на основі доданих iframe та шорткодів у описі товару вибір позиції галереї та її стилізація іконка відео у категорії іконка відео у товарі (як опція відкриття галереї по кліку) 2 режими роботи галереї можливо вказати шляхи для виключення роботи модуля поля для кастомних стилів та js ОСОБЛИВОСТІ буде працювати на всіх шаблонах та усіх сторінках максимально легкий модуль без залежностей (всього пару рядків css і ванільного js, жодних бібліотек) буде працювати навіть без бутстрапу та jquery відкритий код повна версія 2.0 лише для opencart/ocstore 2.2+, для старіших - версія 1 ДЕМО Адмінка https://oc3.likedev.pro/admin/ логін/пароль: demo/demo товар https://oc3.likedev.pro/imac стаття https://oc3.likedev.pro/6-video ЗАСТОСУВАННЯ збільшення швидкості завантаження і в результаті кращий показник page speed зручне додавання відео на сайт кастомизація зовнішнього вигляду відео прев'ю організація галереї відео у картці товару без ризику для швидкості сайту виведення відео у popup дозволити показувати ваші iframe навіть на обмеженому просторі підміна прев'ю на свої дозволить поставити потрібні вам зображення для відео та прикрасити сайт Щоб не було чорних смуг, можна поставити заставки до відео на каналі youtube або завантажити свої в папку модуля. 6 відео - різниця 30-50% Модуль вимкнено: https://oc23.likedev.pro/6-video?disable-video-optim і page speed 49/33 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video%3Fdisable-video-optim&tab=mobile Модуль увімкнений https://oc23.likedev.pro/6-video і page speed 92/75 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video Сторінка та сама, тільки в першому випадку доданий параметр ?disable-video-optim щоб модуль не спрацьовував і можна було побачити різницю. 1 відео - різниця 10-30% І навіть з 1 відео показник досить просідає, особливо для мобільних пристроїв Модуль вимкнений: https://oc23.likedev.pro/1-video?disable-video-optim і page speed 88/51 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video%3Fdisable-video-optim&tab=desktop Модуль увімкнений: https://oc23.likedev.pro/1-video і page speed 96/80 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video&tab=mobile Крім того візуально набагато симпатичніше прев'ю з іконкою, ніж ютубовський iframe, та й можливість відкриття відео в popup теж дуже корисна. + ми можемо через css стилі кастомізувати прев'ю як нам завгодно. ВАЖЛИВО! Рекомендую використовувати режим POPUP для кращої сумісності з шаблонами, розміткою та адаптивністю відео. ВСТАНОВЛЕННЯ відео вставновлення (Тільки тут фікс не потрібен, інше - так само) Через установник в адмінці завантажуєте архів модуля ocmod для своєї версії опенкарт. Для версій 2.x переконайтеся, що у вас вже встановлено модифікатор localcopy. ocmod, якщо його немає – встановіть. PS. Для редактора CKeditor при вставці в режимі коду деяких тегів, у тому числі iframe, редактор їх чистить. У такому випадку робимо фікс: в admin\view\javascript\ckeditor\config. js після рядка config. resize_enabled = false; прописати config. allowedContent = true; Важливо: При використанні версії 2.0 модуля та модуля Accordion & Tabs переконайтеся, що Accordion & Tabs у вас версії 2.1.1, де випралена проблема сумісної роботи цих модулів. ОНОВЛЕННЯ до версії 2.0: 1. Видалити модифікатор старої версії модуля Youtube lazy load and popup 2. Оновити модифікатори 3. Встановити архів нової версії як звичайне доповнення через установщик 4. У списку розширень видалити модуль та встановити заново ЛІЦЕНЗІЯ Ліцензія видається на один домен. Також при необхідності на тестовий піддомен. Ключ буде надіслано автоматично на пошту покупця одразу після вашого замовлення. Якщо з якоїсь причини листа немає - пишіть на пошту чи лс. ПРОХАННЯ ВКАЗАТИ ДОМЕН ВІДРАЗУ ПРИ КУПІВЛІ Також дивіться модулі: Accordion & Tabs & Steps v2 - конструктор контенту Smart Video Widgets - відео в фоні, банера, зображення, сповіщення з налаштуванням умов показу Google Reviews - відгуки з гугл карт (Google Business) з віджетом довіри + відгуки про товари Grapes Web Builder - більше ніж візуальний редактор Автор Seriusis Опубліковано 12.11.20 Категорія Модулі OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 OcShop 2.0.3.х
  5. 59 Скачать / Купить дополнение Image COMPRESSOR & Watermark & WebP & Lazy Load etc. by Sitecreator webp + lazy load + watermark + др. оптимизация изображений email разработчика: [email protected] WEBP (создание и вывод) работает везде просто и надежно ! Поддерживаются практически любые операционные системы: Linux Windows 32bit 64bit webp: модуль Компрессор позволяет создавать и выводить webp в браузеры, т.е. позволяет оптимизировать изображения формата jpeg и png. Оптимизируются изображения, которые отдаются (передаются по сети при загрузке страниц сайта) в браузер пользователя. Модуль позволяет отдавать старым браузерам без поддержки webp привычный формат jpeg/png. Модуль Компрессор позволяет использовать webp в качестве исходных изображений, которые могут быть, например, загружены вручную или получены путем импорта (парсинга и т.п.). Webp в папке исходных изображений преобразуются в jpeg, с возможностью дальнейшей обработки (ресайз и т.п.), т.е. webp может быть использован в качестве исходных изображений практически также как jpeg и png, данная возможность является расширенной (платной опцией) и по умолчанию не включена в модуле. К функции оптимизации изображений, создания и вывода сжатого формата webp указанная возможность не имеет отношения, и, по-сути, нужна очень ограниченному количеству заказчиков для специфических условий парсинга. Условия работы модуля Компрессор с webp в качестве исходных изображений (входного формата для последующей обработки): Важное замечание по работе в windows server: Компрессор для opencart всех версий: 1.5, 2.* & 3.0 Для использования на opencart 1.5.* должен быть сперва установлен vqmod (если он отсутствует), обычно в 95% он уже присутствует в движке. Ссылка на подробную документацию по установке: Гугл отмечает положительно в своем аудите выполнение рекомендаций по оптимизации изображений. Модуль Компрессор позволяет уменьшить кумулятивный сдвиг макета за счет задания размеров изображений в HTML до их загрузки и, тем самым, несколько увеличить общую оценку скорости. В определенных случаях это бывает полезно. Обычно гугл рекомендует для уменьшения сдвига макета выполнить рекомендацию: Никакой зависимости от хостера в плане создания и вывода WEBP! Работает WEBP везде почти без всяких условий! Важно чтобы была ОС Linux 64 bit / FreeBSD 11 (12, 13) 64bit или Windows (это будет в 99.9% случаев) В данном решении предусмотрено практически все, включая совместимость с ускорителями Jet Cache (изначально полная совместимость), Turbo (версии для опенкарт 2.1 и 2.3 - полная совместимость), Nitropack (см. примечание по версиям ниже). Остальные кешеры тоже поддерживаются полностью или частично, но с определенными условиями. WEBP (сжатый формат графики) можно теперь получить практически у любого хостера. Не имеет значения есть ли поддержка WEBP у вашего хостера или нет. Такая поддержка WEBP встроена в модуль Компрессор и работает на любой Linux 64 бит / FreeBSD 11 (12, 13) 64bit и Windows. На любом обычном (общем) хостинге всегда работает одна из разновидностей Linux 64 бит, очень редко используется FreeBS. . Linux 32 бит требует наличия 32-х битного софта mozjpeg, optipng, cwebp, такой софт не входит в состав модуля ввиду полной нецелесообразности, т.к. 32-х битные ОС не использует ни один хостер в качестве обычного хостинга и не предлагается хостерами для установки на VDS. Поддерживается любой современный браузер, способный отображать WEBP. Старые браузеры без поддержки webp также не забыты, они получат соответственно jpeg, png. Благодаря современному формату изображений WEBP удается снизить общий вес изображений в среднем в 2-3 раза на страницах сайта, и тем самым выполнить рекомендации Гугла по изображениям для вашего сайта. Модуль уникальный в своем роде, т.к. обеспечивает совместимый вывод WEBP для новых браузеров, а старым отдает соответственно jpeg, png , это справедливо почти всегда и в случае использования облачных технологий вроде cloudflare. Но с одним условием, что сам CloudFlare (или оное облако-кешеровщик) настроен на корректную работу с webp и браузерами с поддержкой webp и без нее. Если облако вроде CloudFlare неверно настроено, то webp может появиться на страницах с заметным опозданием или работать не вполне корректно, можете в таком случае отключить временно или совсем CloudFlare. В случае решений (которые есть в сети), например, "созданных на коленке" вы рискуете оставить пользователей Сафари (старых версий до июля 2020) вообще без изображений при использовании того же cloudflare. Модуль Компрессор содержит набор различных возможностей, отчасти определенные возможности дублируют друг друга, например, есть поддержка нескольких вариантов сжатых изображений (mozjpeg, optipng, webp). Это не означает, что у любого хостера будет возможность использовать все возможности, но будет выбор доступного варианта. Т.е. модуль Компрессор предоставляет возможности с избытком, но нет гарантии, что они могут быть задействованы все одновременно. Например, вы по желанию и возможности можете использовать сжатие изображений за счет mozjpeg или webp, но нет смысла использовать их одновременно, и такая задача одновременного использования не ставилась - разумно использовать лишь что-то одно. Модуль Компрессор создавался с целью выполнения рекомендаций гугла по оптимизации изображений и с целью передачи в браузер пользователя оптимизированных изображений. Исходники (т.е. те, что не в кеше) изображений модуль не сжимает, т.к. в этом нет необходимости поскольку речь идет о загрузке в браузер оптимизированных по весу изображений. Если на странице сайта есть изображение не из кеша изображений (из папки исходников, например, или из любой подобной папки), то для такого изображения будет создан оптимизированный вариант в формате WEBP, и именно WEBP будет передан в браузер, а исходник останется в качестве исходника в нетронутом виде. Основная цель - это уменьшить лишний трафик за счет передачи изображений в сжатом виде конечному пользователю чтобы у этого пользователя ваш сайт открывался быстрее и в целом работал быстрее. У модуля нет основной цели экономии дискового пространства у хостера, хоть и это можно сделать за счет использования технологии mozjpeg для сжатия jpeg изображений в кеше изображений opencart. Но если webp работает в 99.9% случаев, то mozjpeg можно эффективно использовать в 90%. Оптимизация (сжатие) изображений - Гугл PageSpeed одобряет. Теперь настоящий комбайн для работы с изображениями. Управление белыми полями изображений, фоном, размером, обрезкой картинок, отдельное управление изображениями для яндекс-маркета и т.д. Индивидуальные настройки для групп изображений ("всплывающие", "thumb-миниатюры"). "Компрессор" (Image Compressor) обеспечит максимальное сжатие изображений Opencart на обычном хостинге (функция proc_open php нужна для работы mozjpeg, optipng; но создание WEBP в режиме "по расписанию" не требует ее наличия в php, на котором работает ваш сайт) и всегда на VDS. Нужные функции (proc_open) вы можете сами включать даже на обычном хостинге (некоторые это позволяют, но не все). Установка софта для сжатия изображений Опенкарт (mozjpeg и optiPNG, WEBP) полностью автоматизирована в два клика на обычный хостинг и VDS (не требует знаний Linux). Для разработчиков и веб-мастеров, устанавливающих модуль своим заказчикам действует скидка Демо 2 (клиентская часть): http://watermark.sitecreator.pro Демо 2 (админка): http://watermark.sitecreator.pro/admin/index.php?route=extension/module/watermark_by_sitecreator Демо 1.5 (клиентская часть): http://watermark15.sitecreator.pro Демо 1.5 (админка): http://watermark15.sitecreator.pro/admin/index.php?route=module/watermark_by_sitecreator пользователь: DEMO пароль: DEMO Для Opencart 3.0 и Opencart 2.* С поддержкой WEBP, Lazy Load и др. Дистрибутив теперь универсальный (он один) для движка 2-й и 3-й версий. Начиная с версии 1.18.3 совместим со всеми сборками версий движков Opencart (ocstore, opencart.pro, русская сборка и т. д.) 1.5 и 2+ (2.0, 2.1, 2.2, 2.3), 3.0 Файлы движка не заменяются (используется vqmod или ocmod для соответствующих веток движка) Модуль Сжатия Изображений Opencart по максимуму использует возможности imagick (если установлен), что уже позволяет получить лучшие по качеству и размеру изображения. Кроме того, в отличие от дефолтного GD использование imagick позволяет уменьшить размер файла за счет очистки изображения от ненужной информации. Как избежать тормозов во время создания сжатых изображений? При обновлении до версии 1.12.6+ нужно проявить внимание! Внедрена защита "от дурака". Максимум настроек водяного знака Opencart (watermark): его позиция, поворот, прозрачность водяного знака и т. д. Можно настроить ограничение (запретить применять) для водяного знака как по имени файла/папок, так и по размерам. Также можно добавить к имени файла nowatermark , и на данное изображение водяной знак не будет накладываться. Адаптивный ресайз (resize, обрезка) изображения. Вот так работает WEBP Lazy Load модуля Компрессор. Гугл одобряет! Как включить нужную для максимального сжатия функцию? (в случае работы режима cron для создания webp это необязательно) требования: php 5.6+ (5.6; 7.0, 7.1, 7.2, 7.3, 7.4) Версию php у хостера вы можете изменить самостоятельно через панель управления. Ioncube Loader (версия 10+) Дистрибутив универсальный для всех версий PHP. Никаких отдельных файлов для разных версий! Только один установочный файл. Ускорители (кешеры) не влияют на работу водяного знака и сжатых форматов mozjpeg, optipng, но могут неверно влиять на вывод webp. Совместимые ускорители в плане WEBP, т.е. WEBP работает (выводится) корректно (но невозможно гарантировать бесконечную во времени совместимость с будущими версиями программного обеспечения сторонних разработчиков, данные приводятся на момент релиза модуля Компрессор версии 2.1.23): Jet Cache (все известные версии на момент выпуска модуля Компрессор версии 2.1.23) Turbo (версии для опенкарт 2.1 и 2.3 - полная совместимость) NitroPack (тестировался с NitroPack 2.5.3, про более свежие и будущие версии не берусь судить ). Это "старый Nitro". Больше не поддерживается, т.к. разработчик Нитро прекратил его продажу и поддержку. условно совместим (т.е. не всегда и не везде) nitropack.io / NitroPack IO (тестировался только на версии 3.8.1 в режиме включенной в Компрессоре совместимости с кеширующим ускорителем. Не путать с просто "NitroPack"! Возможны некоторые ограничения.) Новые и иные версии NitroPack IO не отслеживаются, совместимость не гарантируется, используете на свой страх и риск. Boost (проверялось только на опенкарт 2.*, не могу судить о версии на которой тестировался, т.к. разработчик в модуле не указал версию. Возможно, что есть несовместимые версии) Lightning (при включении опции совместимости с кеширующим ускорителем в Компрессоре и настройке в Lightning исключения для функции Компрессора [читайте инструкцию], в режиме совместимости эффективность использования webp может быть несколько снижена. Тестировалось на версии Lightning 3.38. Возможны некоторые ограничения.) Начиная с версии 2.1.0 модуль Компрессор позволяет включить повышенную совместимость с почти любым кеширующим ускорителем в режиме вывода webp. Независимо от того была ли сделана специально адаптация модуля Компрессор под конкретный ускоритель или нет. Эта возможность экспериментальная по принципу "как есть", нельзя заранее утверждать, что это будет работать везде на 100%. Например, в таком режиме может работать ускоритель Lightning (но желательно отключить (уменьшить агрессивность) в нем оптимизацию (минификацию) Javascript для HTML). В подавляющем большинстве случаев совместимость с Лайтингом работает, но нельзя гарантировать это со 100% для любого случая. Несовместимые в плане вывода WEBP (за счет модуля) ускорители способны не мешать корректному выводу WEBP если данный вывод делать за счет средств сервера. Например, за счет NGINX Конфиг (config) NGINX для вывода WEBP на VDS или Апачи при возможности (лимитирует хостер). Модуль совместим в плане корректного вывода WEBP (и отдачи для старых Сафари и др. старых браузеров JPEG, PNG соответственно) с ускорителями/кешерами Jet Cache и Turbo (версии для опенкарт 2.1 и 2.3 - полная совместимость) и, вероятно, с остальными. Совместим с NitroPack (тестировался с NitroPack 2.5.3 ). В случае использования модуля для сжатия только JPEG, PNG наличие ускорителя не сказывается на возможностях сжатия. Например, ускоритель Lightning совместим для работы с сжатыми форматами JPEG (mozjpeg), PNG (optipng) и совместим в режиме создания WEBP, но не совместим в режиме отображения картинок для старых браузеров и Сафари, который не понимает WEBP. В случае использования webp нужно понимать, что старым браузерам нужно отдавать jpeg/png. Именно так и работает модуль изначально, но ускорители могут за счет кеширования ломать такой алгоритм, а потому для указанных выше совместимых ускорителей была специально сделана адаптация чтобы не было проблем с webp. Модуль не заменяет файлы , используется ocmod для движка 2.*, аналогично в движке 1.5.* используется vqmod с 1.5.1 версии модуля. Просьба обратить внимание до установки модуля на то, не изменен ли код напрямую (или за счет модификаторов) в файлах (это нужно в том случае если вы собираетесь использовать водяной знак, на работу по созданию и выводу WEBP это не влияет): system/library/image.php, catalog/tool/image.php, admin/tool/image.php. Не гарантируется нормальная работа если у вас в движке были сделаны прямые (или за счет модификаторов) изменения кода указанных выше файлов. Это относится к работе водяного знака и т.п., на работу сжатого формата webp это никак не влияет. Желательно чтобы эти файлы были такими же как в дистрибутиве движка. Адаптация в случае изменений в вышеуказанных файлах может оказаться довольно сложной, пожалуйста, учитывайте этот момент. Для получения всех возможностей модуля предполагается, что файлы движка Опенкарт, отвечающие за работу изображений, не были изменены. Пожалуйста, лицензию запрашивайте, написав мне на почту или в личку. Пояснение к лицензированию. Лицензия предоставляется для одного домена с конкретным доменным именем (без возможности переноса на другой домен). Приобретая модуль вы соглашаетесь с принципом лицензирования. Подробно о лицензировании читайте здесь. mozjpeg, optipng необязателен к установке, это лишь рекомендация для достижения максимального сжатия. Софт mozjpeg, optipng, который входит в состав модуля, предназначен для Linux 64 bit. Этот же софт для Windows вы можете скачать и установить отдельно (ссылки и прилагаемые файлы есть ниже, софт существует как 32-х или 64-х битные исполняемые файлы для Windows, 32-х битный софт может работать на Windows 32 или 64 бит.) Процесс установки этого софта сводится к нажатию двух кнопок в модуле. Это работает как на обычном хостинге, так и на VDS. Самая распространенная "ошибка" после установки. Инструкция по установке дополнительного софта для WINDOWS : (для локальной машины разработчика, например. ). Модуль умеет накладывать водяной знак и сжимать изображения, которые вставлены по прямым ссылкам в описании товара, но с некоторыми условиями. Данная возможность предоставлена в качестве бонуса, но не как обязательная часть (может отсутствовать в дистрибутиве, но может быть предоставлена отдельно по запросу при наличии возможности), на некоторых шаблонах возможна несовместимость (не будет работать) с данной функцией (может потребоваться адаптация) поскольку шаблон может кардинально изменить существующий контроллер. Возможность данного функционала связана с особенностями конкретного шаблона, может потребоваться адаптация и доработка (на платной основе) для конкретного сайта. Для SEO CMS есть отдельное решение. Модуль умеет оптимизировать (сжимать) все изображения ваших шаблонов и логотип сайта. Это в дополнение к сжатию всех изображений, проходящих через движок (картинки товаров, категорий, баннеры и т. д. и т. п.) Для SEO CMS сделано решение, позволяющее также использовать супер-сжатие по максимуму и водяной знак в этом модуле. Сделано как отдельное дополнение к модулям "Компрессор" (Image Compressor) и SEO CMS. Такое решение обусловлено тем, что указанный модуль использует свою библиотеку и модели для работы с изображениями. Сжаты будут даже отображаемые оригиналы, вставленные по прямым ссылкам в статьях. И на оригиналы можно накладывать водяной знак и защищать их от кражи. Любые изменения с оригиналами обратимы. Например, можно менять водяной знак. Решение здесь: SEO CMS mod for Image Compressor & Watermark Решение по работе с фоном исходных изображений здесь: Можно обрезать, добавлять фон, делать аккуратные рамки цветом фона. Данное решение реализовано как плагин к модулю "Компрессор", т. е. все настройки делаются в модуле "Компрессор". Совместимость со специфическими модулями и модификаторами, (затрагивающими системную библиотеку и модель image.php) ПОДДЕРЖКА от автора модуля: Самодиагностика и вывод полезной информации - это первое средство если у вас "ничего не работает". А что это гугл пишет "изменение размера .... уменьшит"? Для работы с фоном исходных изображений (обрезка лишнего фона на исходниках) необходима дополнительная лицензия для работы соответствующего дополнительного плагина к модулю Компрессор. mozjpeg_3.1_x86.zip optipng.zip info.php Корректная работа модуля и совместимость гарантируются только в случае использования официальных дистрибутивов opencart, ocstore или "русская сборка". Решение вопросов совместимости и адаптация в случае использования нестандартного/измененного кода движка опенкарт возможно на платной основе. Добавил sitecreator Добавлено 26.08.2017 Категория Кэширование, сжатие, ускорение Системные требования php 5.6 - 7.4, Ioncube Loader версии не ниже 10+, ОС Linux 64 bit / FreeBSD 11 (12, 13) 64bit или Windows (относится к 99.9% случаев) Метод активации По запросу в ЛС По запросу на почту Ioncube Loader Требуется ocStore 3.0 2.3.0.2.4 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.х Обращение к серверу разработчика Нет
  6. Доброго времени суток! Поставил модуль фильтра Mega Filter Pro на шаблон "Organic Cosmetics" в котором есть Lazy load img Связи с этим получается при изменении фильтра картинки товаров зависают и отображается только гивка от Lazy load Если нужен сайт я могу скинуть. Может кто-то уже сталкивался с такой проблемой?
Guest
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.