Search the Community

9 При купівлі доступ до оновлень протягом 12 місяців. Після закінчення основного періоду доступ до оновлень можна продовжити 5.00 USD за 12 місяців Завантажити / Придбати розширення Текстовый Блок HTML PRO Позволяет создавать и настраивать сетки текстовых блоков на вашем веб-сайте. С помощью этого инструмента вы можете легко создавать неограниченное количество текстовых блоков и настраивать их в соответствии с вашими потребностями и дизайном. Полная гибкость и контроль над размещением и содержанием текста на вашем веб-сайте. Возможности Расширения: Мультиязычность; Использование пользовательского шаблона для модуля; Управление доступом к контенту; Вставка изображений для разных размеров экранов; Управление размерами изображений; Отложенная загрузка изображений средствами браузера; Вставка видео; Позиционирование блоков; Позиционирование медиа-контента в блоке; Добавление HTML атрибутов для раздела или блоков; Присвоение ссылок блокам; Добавление CSS классов и идентификаторов для раздела или блоков. Демо / Админка Вход: demo / demo Документация Лицензия: Модуль можно установить на один интернет-магазин. Следующий магазин оплачивается отдельно. Автор RoS долучення 02.12.23 Категорія Меню, дизайн, внешний вид Ioncube Loader Нет ocStore 3.0 OpenCart.Pro, ocShop Звернення до сервера розробника Нет  

Скачать / Купить дополнение Используйте расширение 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 (если требуется); Оптимизируйте изображение; В результате оптимизированные изображения добавлены к вашему сайту. Добавил kirians Добавлено 03.06.2022 Категория Кэширование, сжатие, ускорение 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 Не проверялось Обращение к серверу разработчика Нет  

Добрый день! Подскажите пожалуйста как добавить фото товара в письме клиенту в 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

Создал сайт по доставке товаров на дом, наполнил товаром, пока что примерно 1200 товаров, и 150 категорий вместе с подкатегориями, ко всему нужны картинки, я ума не приложу откуда их брать, может кто сталкивался? Или может дать совет, откуда их взять. Сайт на локальном хостинге

Вставка видео с 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