Jump to content

Recommended Posts

SVG в Менеджере изображений


SVG в Менеджере изображений


Даный модификатор позволит вам загружать изображения векторной графики в формате SVG через Менеджер изображений сайта. Это позволит вам отображать одинаково свои логотипы, иконки и прочие элементы дизайна одинаковыми на всех экранах, с разной плотностью пикселей на дюйм.

 

Долой кубические артефакты растровых изображений! Делайте интернет-магазин в ногу со временем!

 

Всё больше и больше дисплеев выходят с большим числом пикселей на дюйм (плотность) и большими размерами по ширине. FullHD плавно перетекает в 4К и 5К.
Будте в тренде! Оставьте растровые изображения в прошлом, и начните делать новое на основе векторной графики. Преведите элементы вашего дизайна в вектор, загружайте ваши логотипы в векторе, иконки и элементы дизайна тоже переведите в вектор. Перестаньте "удивлять" посетителя (при увеличении страницы) "квадратиками" и артефактами растровых изображений. Оставьте растр для фотографий товаров.

 

Так же вы можете анимировать свои SVG-изображения блягодаря языку разметки SMIL, придавать им свои стили и прочее, прочее.., на что хватит вашей фантазии и дизайнера.

 

Полезные Советы:

  1. При сохранении вектора в SVG делайте его в целых пикселях, а не в дробных. Т.е. ширина монтажной монтажной области должна быть в целых числах.
  2. Если вы создаёте svg-изображение с помощью Adobe Illustrator, то при сохранении снимите галочку "Адаптивный SVG". Тогда он будет иметь фиксированный размер как изображение. Но с помощью стилей вы ему можете придать любую ширину аналогичную <img> width=100% или width=100px или max-width=500px

 

Установка:

  1. Панель администратора -> Модули -> Установка расширений -> Загрузить файл архива.
  2. Панель администратора -> Модули -> Модификаторы -> нажимаем Обновить для обновления кеша модификаторов.

 

Лицензия:

  • Модификатор на один магазин.
  • Следующий магазин оплачивается отдельно.

Совместимость: OpenCart 2.x-3.x

 

Архивы:
svg-1.0.ocmod.zip
- для Opencart 2.0.x
svg-2.1.ocmod.zip - для Opencart 2.1.x - 2.2
svg-2.3.ocmod.zip - для Opencart 2.3.x - 3.x


  • Добавил
  • Добавлено
    31.07.2017
  • Категория
  • Системные требования
  • Сайт разработчика
  • Метод активации
    Без активации
  • Ioncube Loader
    Нет
  • OpenCart
    3.0
    2.3
    2.2
    2.1
    2.0
  • ocStore
    3.0
    2.3
    2.2
    2.1
  • OpenCart.Pro, ocShop
    Не проверялось
  • Обращение к серверу разработчика
    Нет
  • Старая цена
    0

 

Share this post


Link to post
Share on other sites

Отмечусь, дабы не потерять.

Share this post


Link to post
Share on other sites

Подпишусь так как занимаюсь анимацией svg и тема интересна. 

Но модуль странный: для товарных страниц svg какбы не нужен, а темплейты, где собственно в обшивке svg даже очень применим, люди пишут ручками.

Share this post


Link to post
Share on other sites

Это в основном для:

  • лого магазина,
  • лого производителей,
  • изображения категорий (ака иконки пунктов навигации),
  • слайдеров,
  • банеров,
  • каруселей,
  • модулей произвольных блоков на странице где нужно вставить изображение,
  • иконки лого опреаторов связи (вы же часто можете наблюдать какие кривые и безобразные их вставляют владельцы магазинов).

На самом деле кому надо и кто разбирается, тот и покупает этот модификатор.

 

Share this post


Link to post
Share on other sites

Есть один недостаток, данный способ вставки изображения (прямой путь к svg, а не через content: " ";) не позволяет играть с цветом svg файла. Он вставляется, как картинка в теге img и на него нельзя повесить свойство, например такое :hover (color: #f00;) А это иногда бывает нужно, чтобы сделать красивый дизайн. Скажем в меню или в каталоге иконки должны менять цвет вместе с текстом.

Share this post


Link to post
Share on other sites
3 часа назад, OldAine сказал:

Есть один недостаток, данный способ вставки изображения (прямой путь к svg, а не через content: " ";) не позволяет играть с цветом svg файла. Он вставляется, как картинка в теге img и на него нельзя повесить свойство, например такое :hover (color: #f00;) А это иногда бывает нужно, чтобы сделать красивый дизайн. Скажем в меню или в каталоге иконки должны менять цвет вместе с текстом.

Ховер можно обыграть в самом svg - спецификация svg в 2 раза больше спецификации html. Там есть все.

А так вы правы - что бы от svg получить больше, управлять им с помощью css/js посредством dom нужно имплантировать его с помощью embed или object (на худой конец iframe или инлайном), но не img.

Share this post


Link to post
Share on other sites
5 часов назад, OldAine сказал:

Есть один недостаток, данный способ вставки изображения (прямой путь к svg, а не через content: " ";) не позволяет играть с цветом svg файла. Он вставляется, как картинка в теге img и на него нельзя повесить свойство, например такое :hover (color: #f00;) А это иногда бывает нужно, чтобы сделать красивый дизайн. Скажем в меню или в каталоге иконки должны менять цвет вместе с текстом.

 

Что мешает сделать так?
 

<div class="svg-image" data-svg-content="<?php echo $svg_image;?>"></div>

<style>
.svg-image 
  { position: relative; }
.svg-image:before 
  { content: attr(data-svg-content); position: absolute; left: 0; top: 0; width: 50px; height: 50px; }  

</style>

 

Share this post


Link to post
Share on other sites
В 28.05.2018 в 12:11, OldAine сказал:

нельзя повесить свойство, например такое :hover (color: #f00;)

 

21 час назад, zlatoff сказал:

Ховер можно обыграть в самом svg

 

CSS вы можете вставлять в тело SVG.

Share this post


Link to post
Share on other sites

Подскажите пожалуйста, я хочу скачать логотип из Adobe Stock и загрузить на свой сайт. Логотип скачивается в формате Ai. Ваш модуль позволяет это сделать?

Share this post


Link to post
Share on other sites

 

9 часов назад, StanislavG сказал:

Подскажите пожалуйста, я хочу скачать логотип из Adobe Stock и загрузить на свой сайт. Логотип скачивается в формате Ai. Ваш модуль позволяет это сделать?

 

Сконвертируйте из ai в svg и вставляйте. Делов то на несколько секунд.

Share this post


Link to post
Share on other sites

Здравствуйте. Я вот сделал анимированные иконки с помощью одной статьи в интернете которые требуют подключения скриптов и стилей к сайту. Ваш плагин сможет мне в этом помочь?

Share this post


Link to post
Share on other sites
В 08.10.2018 в 07:07, optimlab сказал:

@krolix , я не смогу ответить на вопрос, так как не знаю что за скрипты и что за иконки..

 

Ссылка

Share this post


Link to post
Share on other sites

@krolix , ваш метод не подойдёт. Это вообще не SVG, это скрипт генерирует SVG в теле страницы. Вам необходимо изучить другие примеры и методы использования стилей и SMIL в теле SVG файла.

Share this post


Link to post
Share on other sites
20 часов назад, optimlab сказал:

@krolix , ваш метод не подойдёт. Это вообще не SVG, это скрипт генерирует SVG в теле страницы. Вам необходимо изучить другие примеры и методы использования стилей и SMIL в теле SVG файла.

Спасибо за совет

Share this post


Link to post
Share on other sites
12 часов назад, krolix сказал:

Спасибо за совет

 

Только ручками, прямотоком в шаблон.

Share this post


Link to post
Share on other sites

Подскажите, если в теле письма которое приходит на почту покупателю логотип будет отображаться если он на сайте в формате svg ? 

Share this post


Link to post
Share on other sites

@santehtop  SVG не поддерживается во многих почтовых клиентах.

Подробнее: https://css-tricks.com/a-guide-on-svg-support-in-email/

Но вы протестируйте. Возможно уже картина в 2019 году изменилась.

 

Можно конечно обойти эти недостатки конвертацией SVG в PNG через ImageMagick или Inkscape (это оказалось лучшим решением как по лаконичности, так и по цветовой гамме и альфа-каналам), как для почты так и для ogg:image, но они стоят не на всех хостингах, обычные пользователи взорвут мне мозг, как пользоваться и устанавливать, а опытным разрабам это и не надо, они и без меня смогут.

Поэтому эту тему я отправил в долгий ящик...

Share this post


Link to post
Share on other sites

файл загружается но не отображается в менеджере изображений

Share this post


Link to post
Share on other sites

@kimk ,файл который вы мне дали в личке (не надо писать в личку!), загрузился и нормально отображается в менеджере изображений и не только, можете сами убедиться на демо: http://demo.optimcart.com/admin/index.php?route=catalog/category/edit&category_id=62

Значит причина вашей беды в другом.

 

Share this post


Link to post
Share on other sites
29 минут назад, optimlab сказал:

@kimk ,файл который вы мне дали в личке (не надо писать в личку!), загрузился и нормально отображается в менеджере изображений и не только, можете сами убедиться на демо: http://demo.optimcart.com/admin/index.php?route=catalog/category/edit&category_id=62

Значит причина вашей беды в другом.

 

может я не хочу палить свой логотип всем подряд, потому и написал в личку. у меня система 2.3, а у вас 3.

 

Edited by kimk

Share this post


Link to post
Share on other sites
21 минуту назад, kimk сказал:

у меня система 2.3

Проверил и на 2.3, тоже самое.

У вас менеджер изображений родной вообще? А то у меня был случай, когда всё перепробовали, и когда я уже зашел в админку, а там стоит другой загрузчик изображений!

Попробуйте по очереди отключать и включать установленные модификаторы и искать с каким конфликтует. Возможно какой-то модификатор вносит свои изменения в файлы движка несовместимые с жизнью.

Share this post


Link to post
Share on other sites

Интересует совместим ли с OpenCart.Pro 2.3

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By sitecreator
      2 790.00 руб
      Скачать/Купить дополнение


      Image COMPRESSOR & Watermark & WebP & Lazy Load etc. by Sitecreator
      WEBP работает везде просто и надежно !
       
       
      Компрессор версии 2.1 для opencart 1.5, 2.* & 3.0
      Для использования на opencart 1.5.* должен быть сперва установлен vqmod (если он отсутствует), обычно в 95% он уже присутствует в движке.
       
      Ссылка на подробную документацию по установке:
       
      Никакой зависимости от хостера в плане создания и вывода WEBP! Работает WEBP везде без всяких условий!   Не надо спрашивать будет ли работать на вашем хостинге WEBP. Ответ простой - у вас будет WEBP! В данном решении предусмотрено практически все, включая полную совместимость с ускорителями Jet Cache, Turbo, Nitropack. Остальные кешеры тоже поддерживаются, но с определенными условиями.
      WEBP (сжатый формат графики) можно теперь получить практически у любого хостера.
      Не имеет значения есть ли поддержка WEBP у вашего хостера или нет.
      Такая поддержка WEBP встроена в модуль Компрессор и работает на любой Linux и Windows.
       
      Поддерживается любой современный браузер, способный отображать WEBP.
       
      Благодаря современному формату изображений WEBP удается снизить общий вес изображений в среднем в 2-3 раза на странице, и тем самым выполнить рекомендации Гугла.
       
      Модуль уникальный в своем роде, т.к. обеспечивает совместимый вывод WEBP для новых браузеров, а старым отдает соответственно jpeg, png даже в случае использования облачных технологий вроде cloudflare.  В случае решений (которые есть в сети), например, "созданных на коленке"  вы рискуете оставить пользователей Сафари  вообще без изображений при использовании того же cloudflare. Напомню, что даже новый Сафари  пока не понимает WEBP наровне со старыми браузерами.
       
       

       
       
      Мастерам большие СКИДКИ! Оптимизация (сжатие) изображений - Гугл 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)
      Файлы движка не заменяются (используется vqmod или ocmod для соответствующих веток движка)
      Для Opencart 3.0  версия здесь: https://opencartforum.com/files/file/6148-kompressor-izobrazheniy-watermark-bonusy-dlya-opencart-30/
       

       
      Модуль Сжатия Изображений Opencart по максимуму использует возможности imagick (если установлен), что уже позволяет получить лучшие по качеству и размеру изображения.  Кроме того, в отличие от дефолтного GD использование imagick позволяет уменьшить размер файла за счет очистки изображения от ненужной информации.
       
      Как избежать тормозов во время создания сжатых изображений?

      При обновлении до версии 1.12.6+ нужно проявить внимание! Внедрена защита "от дурака".
       
       
      Максимум настроек водяного знака Opencart (watermark): его позиция, поворот, прозрачность водяного знака и т. д.
      Можно настроить ограничение (запретить применять) для водяного знака как по имени файла/папок, так и по  размерам.
      Также можно добавить к имени файла nowatermark , и на данное изображение водяной знак не будет накладываться.
      Адаптивный ресайз (resize, обрезка) изображения.
       
       
      Вот так работает WEBP Lazy Load модуля Компрессор.
      Гугл одобряет!
       

       
       
      Как включить нужную для максимального сжатия функцию?
       (в случае работы режима cron для создания webp это необязательно)
       
       
       
       
      Основной функционал модуля - это добавление водяного знака на изображения и другие настройки изображения (ресайз, белые поля и фон, и т. д. ).  Как бонус - это использование автоматического  супер-сжатия изображений для форматов JPEG PNG, плюс генерация и вывод сжатого формата WEBP. Но для многих сжатие изображений в Opencart - это самый важный функционал.
       
      Совместим с Opencart, Ocstore, opencart.pro и сборок версии 1.5.* и 2+ (2.0, 2.1, 2.2, 2.3)
      требования: php 5.6+ (5.6; 7.0, 7.1, 7.2, 7.3, 7.4)   Версию php у хостера вы можете изменить самостоятельно через панель управления. 
      Ioncube Loader  (версия 10+)
      Дистрибутив универсальный для всех версий PHP. Никаких отдельных файлов для разных версий! Только один установочный файл.
      Касательно версии php.  Рекомендованный минимум (5.6) есть у любого хостера и на этой версии работает любой движок Opencart.
      Ioncube loader 10+ есть сейчас, как минимум, у 99% хостеров (у всех нормальных), и все меньше остается нерадивых хостеров, которые не могут обновить старую версию Ioncube loader 6 (2-х летней давности).
      Просьба учесть, что при минимальных требованиях модуль работать будет, но не все функции могут быть доступны.  Не вижу смысла поддерживать совместимость с допотопным серверным софтом в ущерб развитию модуля.
       
      Ускорители (кешеры) не влияют на работу водяного знака и сжатых форматов mozjpeg, optipng, но могут неверно влиять на вывод webp.
       
      на 100% совместимые ускорители в плане сжатых форматов, т.е. WEBP работает (выводится) корректно:
      Jet Cache Turbo (версия для 2..3) NitroPack (тестировался с NitroPack 2.5.3, про более свежие и будущие версии не берусь судить ).  
      Начиная с версии 2.1.0 модуль Компрессор позволяет включить повышенную совместимость с практически любым кеширующим ускорителем в режиме вывода webp. Независимо от того была ли сделана специально адаптация модуля Компрессор под конкретный ускоритель или нет.

       
      Например, в таком режиме может работать ускоритель Lightning (но желательно отключить (уменьшить агрессивность) в нем оптимизацию (минификацию) Javascript для HTML)
       
      Несовместимые в плане вывода WEBP (за счет модуля) ускорители способны не мешать корректному выводу WEBP если данный вывод делать за счет средств сервера. Например, за счет NGINX Конфиг (config) NGINX для вывода WEBP на VDS   или Апачи при возможности (лимитирует хостер).
       
      Модуль совместим в плане корректного вывода WEBP (и отдачи для Сафари и старых браузеров JPEG, PNG соответственно) с ускорителями/кешерами Jet Cache и Turbo (версия для 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 версии модуля. 
      Просьба обратить внимание до установки модуля на то, не изменен ли код напрямую (или за счет модификаторов) в файлах:
       
      system/image.php, catalog/tool/image.php, admin/tool/image.php.
       
      Не гарантируется нормальная работа если у вас в движке были сделаны прямые (или за счет модификаторов) изменения кода указанных выше файлов.
      Желательно чтобы эти файлы были такими же как в дистрибутиве движка.  Но даже в случае их изменения редко когда возникают проблемы, и они решаемые (обращайтесь к автору).
       
      Пожалуйста, лицензию запрашивайте, написав мне на почту или в личку.
       
      Пояснение к лицензированию.
      Лицензия предоставляется для одного домена с конкретным доменным именем (без возможности переноса на другой домен).
      Приобретая модуль вы соглашаетесь с принципом лицензирования. 
       
      Подробно о лицензировании читайте здесь.
       
      Супер-сжатие выполняется согласно рекомендациям Гугла PageSpeed Insights и позволяет добиться снижения размера файлов изображений и, как следствие, уменьшения трафика.
      Google  PageSpeed Insights благодаря этому дает более высокую оценку вашему сайту в баллах.
       
      mozjpeg, optipng необязателен к установке, это лишь рекомендация для достижения максимального сжатия.
      Процесс установки этого софта сводится к нажатию двух кнопок в модуле.
      Это работает как на обычном хостинге, так и на VDS.
       
      Самая распространенная "ошибка" после установки.
       
       
       
       
       
      Инструкция для самостоятельной сборки серверного софта оставлена для любознательных. Не нужно ее пугаться и не нужно повторять все эти действия.
      Модуль Компрессор уже содержит средства диагностики и вывода информации.  Пользуйтесь ими (вкладка "сервис").
       
       
      Инструкция по установке дополнительного софта для WINDOWS :
      (для локальной машины разработчика, например. ).
       
       
       
      Установку модуля "Сжатие изображений плюс водяной знак" осуществляет покупатель самостоятельно или его доверенное лицо.
       

       
       

       

       
       
      Модуль умеет накладывать водяной знак и сжимать изображения, которые вставлены по прямым ссылкам в описании товара.  Данная возможность предоставлена в качестве бонуса, но не как обязательная часть, на некоторых шаблонах редко возможна несовместимость (не будет работать) с данной функцией (может потребоваться адаптация) поскольку шаблон может кардинально изменить существующий контроллер. Для SEO CMS есть отдельное решение.
       
       
      Модуль умеет оптимизировать (сжимать) все изображения ваших шаблонов и логотип сайта.  Это в дополнение к сжатию всех изображений, проходящих через движок (картинки товаров, категорий, баннеры и т. д. и т. п.)
       

       
       
       
      Для SEO CMS сделано решение, позволяющее также использовать супер-сжатие по максимуму и водяной знак в этом модуле.  Сделано как отдельное дополнение к модулям "Компрессор" (Image Compressor) и SEO CMS.  Такое решение обусловлено тем, что указанный модуль использует свою библиотеку  и модели для работы с изображениями.
      Сжаты будут даже отображаемые оригиналы, вставленные по прямым ссылкам в статьях.  И на оригиналы можно накладывать водяной знак и защищать их от кражи.
      Любые изменения с оригиналами обратимы. Например, можно менять водяной знак.
       
      Решение здесь: SEO CMS mod for Image Compressor & Watermark
       
       
       
      Решение по работе с фоном исходных изображений здесь:
      Можно обрезать, добавлять фон, делать аккуратные рамки цветом фона.
      Данное решение реализовано как плагин к модулю "Компрессор", т. е. все настройки делаются в модуле "Компрессор".
       
       
      Совместимость со специфическими модулями и модификаторами, 
      (затрагивающими системную библиотеку и модель image.php)
       
       
      ПОДДЕРЖКА от автора модуля:

       
       
      Самодиагностика и вывод полезной информации - это первое средство если у вас "ничего не работает".
       

      Если у вас "не сжимает".  Некоторые серверы (нередко хостер ukraine.com.ua ) кешируют изображения на сервере. Ищите это в настройках панели управления хостера "ускорение".  Нужно просто отключить это кеширование. Подробнее описал в поддержке модуля:
       
       
      А что это гугл пишет "изменение размера .... уменьшит"?

       
       

      Админ БАР для управления изображениями (очистка кеша только для конкретной страницы)
      и СЖАТИЕ изображений по прямым ссылкам и из CSS.
       
      Тест Тест
       
       
       
       
       
       
       


      info.php

      Добавил sitecreator Добавлено 26.08.2017 Категория Кэширование, сжатие, ускорение Системные требования php 5.6 - 7.4, Ioncube Loader версии не ниже 10+ Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 3.0
      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.х Обращение к серверу разработчика Нет
      Да Старая цена 2990  
    • By sitecreator
      WEBP работает везде просто и надежно !
       
       
      Компрессор версии 2.1 для opencart 1.5, 2.* & 3.0
      Для использования на opencart 1.5.* должен быть сперва установлен vqmod (если он отсутствует), обычно в 95% он уже присутствует в движке.
       
      Ссылка на подробную документацию по установке:
       
      Никакой зависимости от хостера в плане создания и вывода WEBP! Работает WEBP везде без всяких условий!   Не надо спрашивать будет ли работать на вашем хостинге WEBP. Ответ простой - у вас будет WEBP! В данном решении предусмотрено практически все, включая полную совместимость с ускорителями Jet Cache, Turbo, Nitropack. Остальные кешеры тоже поддерживаются, но с определенными условиями.
      WEBP (сжатый формат графики) можно теперь получить практически у любого хостера.
      Не имеет значения есть ли поддержка WEBP у вашего хостера или нет.
      Такая поддержка WEBP встроена в модуль Компрессор и работает на любой Linux и Windows.
       
      Поддерживается любой современный браузер, способный отображать WEBP.
       
      Благодаря современному формату изображений WEBP удается снизить общий вес изображений в среднем в 2-3 раза на странице, и тем самым выполнить рекомендации Гугла.
       
      Модуль уникальный в своем роде, т.к. обеспечивает совместимый вывод WEBP для новых браузеров, а старым отдает соответственно jpeg, png даже в случае использования облачных технологий вроде cloudflare.  В случае решений (которые есть в сети), например, "созданных на коленке"  вы рискуете оставить пользователей Сафари  вообще без изображений при использовании того же cloudflare. Напомню, что даже новый Сафари  пока не понимает WEBP наровне со старыми браузерами.
       
       

       
       
      Мастерам большие СКИДКИ! Оптимизация (сжатие) изображений - Гугл 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)
      Файлы движка не заменяются (используется vqmod или ocmod для соответствующих веток движка)
      Для Opencart 3.0  версия здесь: https://opencartforum.com/files/file/6148-kompressor-izobrazheniy-watermark-bonusy-dlya-opencart-30/
       

       
      Модуль Сжатия Изображений Opencart по максимуму использует возможности imagick (если установлен), что уже позволяет получить лучшие по качеству и размеру изображения.  Кроме того, в отличие от дефолтного GD использование imagick позволяет уменьшить размер файла за счет очистки изображения от ненужной информации.
       
      Как избежать тормозов во время создания сжатых изображений?

      При обновлении до версии 1.12.6+ нужно проявить внимание! Внедрена защита "от дурака".
       
       
      Максимум настроек водяного знака Opencart (watermark): его позиция, поворот, прозрачность водяного знака и т. д.
      Можно настроить ограничение (запретить применять) для водяного знака как по имени файла/папок, так и по  размерам.
      Также можно добавить к имени файла nowatermark , и на данное изображение водяной знак не будет накладываться.
      Адаптивный ресайз (resize, обрезка) изображения.
       
       
      Вот так работает WEBP Lazy Load модуля Компрессор.
      Гугл одобряет!
       

       
       
      Как включить нужную для максимального сжатия функцию?
       (в случае работы режима cron для создания webp это необязательно)
       
       
       
       
      Основной функционал модуля - это добавление водяного знака на изображения и другие настройки изображения (ресайз, белые поля и фон, и т. д. ).  Как бонус - это использование автоматического  супер-сжатия изображений для форматов JPEG PNG, плюс генерация и вывод сжатого формата WEBP. Но для многих сжатие изображений в Opencart - это самый важный функционал.
       
      Совместим с Opencart, Ocstore, opencart.pro и сборок версии 1.5.* и 2+ (2.0, 2.1, 2.2, 2.3)
      требования: php 5.6+ (5.6; 7.0, 7.1, 7.2, 7.3, 7.4)   Версию php у хостера вы можете изменить самостоятельно через панель управления. 
      Ioncube Loader  (версия 10+)
      Дистрибутив универсальный для всех версий PHP. Никаких отдельных файлов для разных версий! Только один установочный файл.
      Касательно версии php.  Рекомендованный минимум (5.6) есть у любого хостера и на этой версии работает любой движок Opencart.
      Ioncube loader 10+ есть сейчас, как минимум, у 99% хостеров (у всех нормальных), и все меньше остается нерадивых хостеров, которые не могут обновить старую версию Ioncube loader 6 (2-х летней давности).
      Просьба учесть, что при минимальных требованиях модуль работать будет, но не все функции могут быть доступны.  Не вижу смысла поддерживать совместимость с допотопным серверным софтом в ущерб развитию модуля.
       
      Ускорители (кешеры) не влияют на работу водяного знака и сжатых форматов mozjpeg, optipng, но могут неверно влиять на вывод webp.
       
      на 100% совместимые ускорители в плане сжатых форматов, т.е. WEBP работает (выводится) корректно:
      Jet Cache Turbo (версия для 2..3) NitroPack (тестировался с NitroPack 2.5.3, про более свежие и будущие версии не берусь судить ).  
      Начиная с версии 2.1.0 модуль Компрессор позволяет включить повышенную совместимость с практически любым кеширующим ускорителем в режиме вывода webp. Независимо от того была ли сделана специально адаптация модуля Компрессор под конкретный ускоритель или нет.

       
      Например, в таком режиме может работать ускоритель Lightning (но желательно отключить (уменьшить агрессивность) в нем оптимизацию (минификацию) Javascript для HTML)
       
      Несовместимые в плане вывода WEBP (за счет модуля) ускорители способны не мешать корректному выводу WEBP если данный вывод делать за счет средств сервера. Например, за счет NGINX Конфиг (config) NGINX для вывода WEBP на VDS   или Апачи при возможности (лимитирует хостер).
       
      Модуль совместим в плане корректного вывода WEBP (и отдачи для Сафари и старых браузеров JPEG, PNG соответственно) с ускорителями/кешерами Jet Cache и Turbo (версия для 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 версии модуля. 
      Просьба обратить внимание до установки модуля на то, не изменен ли код напрямую (или за счет модификаторов) в файлах:
       
      system/image.php, catalog/tool/image.php, admin/tool/image.php.
       
      Не гарантируется нормальная работа если у вас в движке были сделаны прямые (или за счет модификаторов) изменения кода указанных выше файлов.
      Желательно чтобы эти файлы были такими же как в дистрибутиве движка.  Но даже в случае их изменения редко когда возникают проблемы, и они решаемые (обращайтесь к автору).
       
      Пожалуйста, лицензию запрашивайте, написав мне на почту или в личку.
       
      Пояснение к лицензированию.
      Лицензия предоставляется для одного домена с конкретным доменным именем (без возможности переноса на другой домен).
      Приобретая модуль вы соглашаетесь с принципом лицензирования. 
       
      Подробно о лицензировании читайте здесь.
       
      Супер-сжатие выполняется согласно рекомендациям Гугла PageSpeed Insights и позволяет добиться снижения размера файлов изображений и, как следствие, уменьшения трафика.
      Google  PageSpeed Insights благодаря этому дает более высокую оценку вашему сайту в баллах.
       
      mozjpeg, optipng необязателен к установке, это лишь рекомендация для достижения максимального сжатия.
      Процесс установки этого софта сводится к нажатию двух кнопок в модуле.
      Это работает как на обычном хостинге, так и на VDS.
       
      Самая распространенная "ошибка" после установки.
       
       
       
       
       
      Инструкция для самостоятельной сборки серверного софта оставлена для любознательных. Не нужно ее пугаться и не нужно повторять все эти действия.
      Модуль Компрессор уже содержит средства диагностики и вывода информации.  Пользуйтесь ими (вкладка "сервис").
       
       
      Инструкция по установке дополнительного софта для WINDOWS :
      (для локальной машины разработчика, например. ).
       
       
       
      Установку модуля "Сжатие изображений плюс водяной знак" осуществляет покупатель самостоятельно или его доверенное лицо.
       

       
       

       

       
       
      Модуль умеет накладывать водяной знак и сжимать изображения, которые вставлены по прямым ссылкам в описании товара.  Данная возможность предоставлена в качестве бонуса, но не как обязательная часть, на некоторых шаблонах редко возможна несовместимость (не будет работать) с данной функцией (может потребоваться адаптация) поскольку шаблон может кардинально изменить существующий контроллер. Для SEO CMS есть отдельное решение.
       
       
      Модуль умеет оптимизировать (сжимать) все изображения ваших шаблонов и логотип сайта.  Это в дополнение к сжатию всех изображений, проходящих через движок (картинки товаров, категорий, баннеры и т. д. и т. п.)
       

       
       
       
      Для SEO CMS сделано решение, позволяющее также использовать супер-сжатие по максимуму и водяной знак в этом модуле.  Сделано как отдельное дополнение к модулям "Компрессор" (Image Compressor) и SEO CMS.  Такое решение обусловлено тем, что указанный модуль использует свою библиотеку  и модели для работы с изображениями.
      Сжаты будут даже отображаемые оригиналы, вставленные по прямым ссылкам в статьях.  И на оригиналы можно накладывать водяной знак и защищать их от кражи.
      Любые изменения с оригиналами обратимы. Например, можно менять водяной знак.
       
      Решение здесь: SEO CMS mod for Image Compressor & Watermark
       
       
       
      Решение по работе с фоном исходных изображений здесь:
      Можно обрезать, добавлять фон, делать аккуратные рамки цветом фона.
      Данное решение реализовано как плагин к модулю "Компрессор", т. е. все настройки делаются в модуле "Компрессор".
       
       
      Совместимость со специфическими модулями и модификаторами, 
      (затрагивающими системную библиотеку и модель image.php)
       
       
      ПОДДЕРЖКА от автора модуля:

       
       
      Самодиагностика и вывод полезной информации - это первое средство если у вас "ничего не работает".
       

      Если у вас "не сжимает".  Некоторые серверы (нередко хостер ukraine.com.ua ) кешируют изображения на сервере. Ищите это в настройках панели управления хостера "ускорение".  Нужно просто отключить это кеширование. Подробнее описал в поддержке модуля:
       
       
      А что это гугл пишет "изменение размера .... уменьшит"?

       
       

      Админ БАР для управления изображениями (очистка кеша только для конкретной страницы)
      и СЖАТИЕ изображений по прямым ссылкам и из CSS.
       
      Тест Тест
       
       
       
       
       
       
       


      info.php

    • By PaulKravchenko
      Скачать/Купить дополнение


      Изображение (фото) товара в заказе
      Дополнение добавляет основное изображение товара на следующие страницы:
      - в личном кабинете покупателя, на странице информации о заказе: при клике на изображении оно увеличивается в попапе
      - в админке, в просмотре заказа: при клике на изображении оно увеличивается в попапе
      - в админке, в просмотре инвойса
      - в e-mail уведомлении покупателю о новом заказе: изображение как ссылка на страницу товара
       
      Языки:
      - русский
      - украинский
      - английский
       
      Совместимость:
      - Opencart / ocStore 2.3.*
      - Opencart / ocStore 3.0.*
       
      Добавил PaulKravchenko Добавлено 11.03.2020 Категория Меню, дизайн, внешний вид Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет Старая цена 0  
    • By mfred
      500.00 руб
      Скачать/Купить дополнение


      Опции с картинками
      Модулю для работы необходим vqmod.
      Тестировалось на OC 2.0.3.1 (rs.2)
      Модуль дает возможность изменять изображение на странице товара и в корзине в зависимости от выбранной опции для этого товара.
      Для этого в админпанели при создании / редактировании товара добавляются опции и к нужным изображениям привязываются определенные опции.
      Установка
      1. Скопировать все с папки "upload" в корневую папку вашего магазина. Файлы движка не будут перезаписаны.
      2. Установить модуль в панели управления
      Добавил mfred Добавлено 19.01.2016 Категория Опции  
    • By Gilbert
      Картинку загрузил в папку на хостинге, прописываю путь к ней, выходит вот эта вот какашка, почему так? Как сделать нормально?
       

  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.