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

Search the Community

Showing results for tags 'img'.

  • 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 7 results

  1. Version 1.5.2

    217 downloads

    Використовуйте розширення Image Compress with Squeezeimg, щоб оптимізувати розмір зображень Вашого сайту, прискорити завантаження його сторінок, звільнити місце для зберігання даних на сервері та підвищити свій рейтинг у пошукових системах, таких як Google, Yandex тощо. Модуль Image Compress with Squeezeimg використовує функціональні можливості оптимізатора зображень Squeezeimg - стиснення / конвертування зображень без видимої втрати якості або втрати - і дозволяє швидко мінімізувати розмір Ваших зображень. Як це працює? Встановіть модуль Image Compress with Squeezeimg на Ваш сайт. Жодних інших модулів та бібліотек Вам НЕ ПОТРІБНО ДОДАТКОВО встановлювати!!! Крім того, зареєструйте свій обліковий запис Squeezeimg (https://squeezeimg.com) та отримайте API ключ для використання на Вашому сайті. Ви можете БЕЗКОШТОВНО використовувати 1000 зображень на місяць, а для використання більшої кількості зображень потрібно сплатити за будь-який тарифний план оптимізатора зображень Squeezeimg. Далі усю оптимізацію зображень модуль Image Compress with Squeezeimg виконає за Вас! Швидкий стиск та конвертація зображень без видимої втрати якості за допомогою сервісу Squeezeimg. Завдяки цій функції мінімізується розмір всіх Ваших зображень та збільшується швидкість завантаження Ваших сайтів та програм. У середньому зображення стискаються на 50-80% і сторінки сайту або програми завантажуються значно швидше. Ви можете використовувати модуль для стиснення зображень будь-яких розмірів найпопулярніших форматів - PNG, JPG, JPEG, GIF, SVG, BMP, TIFF. Ще модуль дозволяє конвертувати зображення у формат WebP, AVIF та jp2. Після конвертації зображення зменшуються на 50 % порівняно з оригінальними зображеннями. Також Ви можете застосовувати стиснення/конвертування лише для конкретних папок із зображеннями та ефективно використовувати ліміт зображень. За допомогою одного API ключа, Ви можете стискати та конвертувати до 1000 Ваших зображень щомісяця БЕЗКОШТОВНО. Якщо Вам недостатньо зазначеної кількості, Ви можете обрати та сплатити відповідний тарифний план оптимізатора зображень Squeezeimg (ознайомтеся з усіма цінами на https://squeezeimg.com/pricing). Функція Lazy Load використовується як додатковий спосіб зменшення часу завантаження сторінки та підвищення загальної продуктивності сайту. Lazy Load відкладає завантаження всіх ваших зображень, а не тільки каталожних зображень. Наприклад, зображень логотипу, cms, модуля, теми тощо. Також модуль Image Compress with Squeezeimg дозволяє за лічені секунди створити повну карту зображень Вашого сайту у вигляді XML файлу для використання у сервісах Google Search Console та Yandex.Webmaster. Таким чином, пошукові системи - Google, Yandex - можуть швидше знаходити і сканувати всі зображення Вашого сайту, у тому числі нещодавно додані або оновлені. А значить підвищується рейтинг Вашого сайту та покращується його SEO. Для автоматичного стиснення/конвертування Ваших зображень Ви можете налаштувати роботу CRON. Ця функція дозволяє автоматично обробляти зображення у певний час та заощаджувати Ваш час. Використовуйте модуль Image Compress with Squeezeimg та: Збільшуйте швидкість завантаження сайту/додатку та покращуйте SEO-рейтинг. Зменшуйте обсяг займаного місця на диску та покращуйте продуктивність сайту/додатку. Поліпшуйте ставлення Ваших клієнтів, зробивши завантаження сторінок швидше. Увага!!! Для коректної роботи модуля необхідно врахувати, що: Модуль працює на серверах під Apache2, Nginx. Модуль не працює із Microsoft IIS без модуля Rewrite. Модуль не працюватиме, якщо у вас активовано Pagespeed Module от Google. Особливості: Стискає зображення (PNG, JPG, JPEG, GIF, SVG, BMP, TIFF). Конвертує зображення у формат WebP, AVIF та jp2 зі зменшенням їх розміру. Мінімізує необмежену кількість зображень. Дозволяє вибрати потрібні параметри стиснення/конвертації. Звільняє місце на диску. За потреби зберігає оригінальні зображення. Додає GZIP-стиск для сервера. Використовує Lazy Load для зображень. Дозволяє вибрати для стиснення/конвертації певну папку із зображеннями. Генерує карту всіх зображень сайту у файлі XML. Автоматично стискає/конвертує зображення за допомогою запуску CRON завдання. Інструкції з використання: Завантажте та встановіть модуль; Зареєструйте свій обліковий запис Squeezeimg; У налаштуваннях модуля додайте API ключ, згенерований у сервісі Squeezeimg; Вкажіть параметри стиснення/конвертування зображень; Увімкніть функцію Lazy Load (якщо потрібно); Використовуйте повну карту зображень сайту в XML (якщо потрібно); За потреби стискайте/конвертуйте лише ті зображення, які знаходяться у конкретній папці; Налаштуйте автоматичну роботу CRON (якщо потрібно); Використовуйте докладну інструкцію для налаштування nginx server (якщо потрібно); Оптимізуйте зображення; В результаті оптимізовані зображення додані до Вашого сайту.
    Free
  2. Version 2.1.1

    Дозволяє створювати та налаштовувати сітки текстових блоків на вашому веб-сайті. За допомогою цього інструменту ви можете легко створювати необмежену кількість текстових блоків та налаштовувати їх відповідно до ваших потреб і дизайну. Повна гнучкість та контроль над розташуванням і вмістом тексту на вашому веб-сайті. Можливості Розширення: Мультимовність; Використання кастомного шаблону для модуля; Управлінням доступом до контенту; Вставляння зображень для різних розмірів екранів; Керування розмірами зображення; Відкладене завантаження зображень засобами браузера; Вставлення відео; Позиціювання блоків; Позиціонування медіа-контенту у блоці; Додавання HTML атрибутів для розділу чи блоків; Призначення посилань на блоки; Додавання CSS класів та ідентифікаторів для розділу чи блоків. Демо / Адмінка Вхід: demo / demo Документація Ліцензія: Модуль можна встановити на один інтернет-магазин. Наступний магазин оплачується окремо.
    $9
  3. 9 При купівлі доступ до оновлень протягом 12 місяців. Після закінчення основного періоду доступ до оновлень можна продовжити 5.00 USD за 12 місяців Завантажити / Придбати розширення Автор RoS Опубліковано 02.12.23 Категорія Меню, дизайн, внешний вид Ioncube Loader Нет ocStore 3.0 OpenCart.Pro, ocShop Звернення до сервера розробника Нет  
  4. Завантажити / Придбати розширення Image Compress with Squeezeimg (Стискання та конвертація зображень за допомогою Squeezeimg) Автор kirians Опубліковано 03.06.22 Категорія Кэширование, сжатие, ускорение 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 Не проверялось Звернення до сервера розробника Нет  
  5. Добрый день! Подскажите пожалуйста как добавить фото товара в письме клиенту в OC3x Пробовал в catalog\controller\mail order.php добавить в $data['products'][] = array( 'img' => (!empty($product_info['image']) ? HTTPS_SERVER.'image/'.strip_tags(html_entity_decode($product_info['image'], ENT_QUOTES, 'UTF-8')) : ''), в файле order.twig для вывода в <img src="{{ product.img }}" /> В итоге фото не выводится в письме путь <img src="https://ci5.googleusercontent.com/proxy/IfnpJ_SVUWOZHsiWL0n7XLNnxcW9Q9_lPvVKtEcK3Stu6fKtTnnJpTmYhoVWxPAjU7ZM-9xe8vzk9bLJfF1TRkH80jEUdAg7zJ0rnsUvgdHfAw=s0-d-e1-ft#http:// далее наименование файла img
  6. Создал сайт по доставке товаров на дом, наполнил товаром, пока что примерно 1200 товаров, и 150 категорий вместе с подкатегориями, ко всему нужны картинки, я ума не приложу откуда их брать, может кто сталкивался? Или может дать совет, откуда их взять. Сайт на локальном хостинге
  7. Вставка видео с youtube или twitch на сайт довольно обычное дело. Заходим на страницу с видео, нажимаем на кнопку поделиться, копируем iframe, вставляем в нужном месте и готово, видео сразу же появляется на сайте, но в этом и заключается проблема... Когда iframe встроен непосредственно в разметку сайта, то как только начинается загрузка страницы и браузер видит iframe он начинает загружать видео и все ресурсы необходимые для работы плеера. Сайт начинает долго грузится и как не странно жутко лагать вплоть до зависания устройства с которого пользователь посетил сайт. Помимо этого анализ производительности pagespeed insights даже из-за одного видео проседает примерно на 15 пунктов и тут я с ним полностью солидарен, если на сайте стоит preloader, то пользователь вообще может не дождаться загрузки. Поскольку мне часто приходится иметь дело с такими проблемами я написал небольшой скрипт решающие основные задачи с которыми я сталкивался. Решения в интернете есть ведь идея не нова и проблема известна давно, но они достаточно топорные и сложно расширяемые. Возможно есть какие-то плагины, но к сожалению мне не попадались, да я и не искал. Скрипт написан на чистом js, так что его можно подключить к любому проекту. Demo: https://get-web.site/insertmedia.html Репозиторий на gitHub: https://github.com/get-web/insertmedia Чтобы начать использовать необходимо подключить скрипт: <script src="../src/insertmedia.js"></script> И вызвать его: document.addEventListener("DOMContentLoaded", function () { insertmedia(); }); Можно вызвать с опциями: document.addEventListener("DOMContentLoaded", function () { insertmedia({ delay: 300, // Задержка. default: 300ms immediately: true, // тип задержки true/false. Сразу или по очереди каждый "delay" милисекунд. default: true - сразу attr: 'data-insertmedia', // Атрибут с конфигурацией вставки. В блок с этим атрибутом будет вставляться наше видео или изображение. default: data-insertmedia }) }); Блоку в который будет вставляться видео мы добавляем атрибут с параметрами: data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }' Например для вставки видео с ютуба мы можем использовать такие настройки: <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }'> </div> Доступные опции: type*: тип вставляемого ресурса. На данный момент это: youtube , twitch , html5 , img src*: Ссылка на ресурс (видео,картинка..) например: https://example.com/img.jpg width: Ширина доступная для вставляемого типа ресурса height: Высота доступная для вставляемого типа ресурса setting: Настройки доступные для вставляемого типа ресурса (*) - Обязательно В общем идея достаточно проста, мы передаем тип ресурса и ссылку на него без параметров, а уже в setting передаются параметры доступные для данного типа ресурса. Например фрейм ютуба по умолчанию выглядит так: <iframe width="560" height="315" src="https://www.youtube.com/embed/6Q6cCuSvFpI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Мы можем вставить его таким образом (не используя setting или передавая пустую строку "setting": "") : <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI" }'> </div> Но если мы, к примеру, хотим запустить видео автоматически и без звука, фрейм будет таким: <iframe width="560" height="315" src="https://www.youtube.com/embed/6Q6cCuSvFpI?autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Как вы могли заметить к ссылке были добавлены необязательные параметры ?autoplay=1&mute=1 их мы и передаем в setting при использовании скрипта: <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }'> </div> То есть любые параметры описанные в документации к youtube вы можете использовать таким образом. Точно так же передаются параметры и другим типам ресурсов в зависимости от их API. Именно поэтому происходит разделение ссылки и параметров, чтобы можно было их интегрировать под любой тип и иметь возможность правильно составлять шаблоны для последующей вставки. Надеюсь я понятно объяснил и мой труд кому-то будет полезен. Если будут вопросы задавайте их тут. Пишите если что-то нужно добавить или исправить, или если хотите покритиковать. Источник: https://get-web.site/blog/javascript/43-insertmedia.html
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.