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

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 (Стискання та конвертація зображень за допомогою Squeezeimg) Використовуйте розширення 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.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 Не проверялось Звернення до сервера розробника Нет  

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