Перейти к содержанию

Рекомендуемые сообщения

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
    2.3
    2.2
    2.1
  • OpenCart.Pro, ocShop
    Не проверялось

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 часа назад, OldAine сказал:

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 28.05.2018 в 12:11, OldAine сказал:

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

 

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 08.10.2018 в 07:07, optimlab сказал:

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

 

Ссылка

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
20 часов назад, optimlab сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
12 часов назад, krolix сказал:

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От ibond
      450.00 руб
      Скачать/Купить дополнение


      Фильтр товаров в админке по производителю, категории, артикулу, изображению и ID + редактор
      Дополнение добавляет возможность фильтровать товары в административной панели Opencart по производителям, категориям, артикулу (Sku), изображениям и ID товара. Добавляет колонки ID товара, Артикул, Производители и  Категории в списке товаров и позволяет включать/отключать для просмотра колонки по выбору. Добавлена возможность выбора для фильтрации нескольких производителей и/или категорий.
       
      NEW! В версии 3.2 добавлена возможность редактирования изображений, названия, модели, артикула, производителя, категорий (совместим с SEO_PRO), цены, акционной цены, количества и статуса товара не заходя в товар. Добавлена возможность группового Включения/Отключения отфильтрованных товаров. Добавлена возможность скрытия левого меню и фильтра.
       
      Демонстрация (admin):
      Логин: demo / Пароль: demo
      https://demo3ru.open.cc.ua/admin/index.php?route=catalog/product
       
      Не заменяет файлов, все изменения вносятся через OCMOD или jQuery.
       
      Работает (тестировался): OpenCart 3.0.0.0, 3.0.1.1, 3.0.1.2, 3.0.2.0, 3.0.3.x
       
      ВНИМАНИЕ!
      Версия 3.2 требует Ioncube Loader не ниже версии 10 и PHP не ниже версии 5.6 (поддерживает версии PHP 5.6, 7.0, 7.1, 7.2)! Лицензия активируется автоматически. Тех, кто не указал домен при покупке, прошу указать его в ЛС или письмом на адрес i.bond@mail.ru указав при этом номер счета и ник на данном форуме.  
      Установка:
      Загрузить файл в установках расширений, перейти в модификаторы и обновить.
       
      Что нового в версии 3.2.0:
      Добавлена возможность редактирования изображений, названия, модели, артикула, производителя, категорий (совместим с SEO_PRO), цены, акционной цены, количества и статуса товара не заходя в товар. Добавлена возможность группового Включения/Отключения отфильтрованных товаров. Добавлена возможность скрытия левого меню и фильтра.  
      Что нового в версии 3.1.0:
      Добавлена возможность выбора для фильтрации нескольких производителей и/или категорий. Добавлена колонка производители в список товаров. Добавлена сортировка по производителю.  
      Что нового в версии 3.0.1:
      Исправлены мелкие ошибки. Добавил ibond Добавлено 16.10.2018 Категория Фильтры Системные требования Сайт разработчика https://open.cc.ua Старая цена 350 Метод активации Автоматическая активация Ioncube Loader Требуется OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Да  
    • От ibond
      Дополнение добавляет возможность фильтровать товары в административной панели Opencart по производителям, категориям, артикулу (Sku), изображениям и ID товара. Добавляет колонки ID товара, Артикул, Производители и  Категории в списке товаров и позволяет включать/отключать для просмотра колонки по выбору. Добавлена возможность выбора для фильтрации нескольких производителей и/или категорий.
       
      NEW! В версии 3.2 добавлена возможность редактирования изображений, названия, модели, артикула, производителя, категорий (совместим с SEO_PRO), цены, акционной цены, количества и статуса товара не заходя в товар. Добавлена возможность группового Включения/Отключения отфильтрованных товаров. Добавлена возможность скрытия левого меню и фильтра.
       
      Демонстрация (admin):
      Логин: demo / Пароль: demo
      https://demo3ru.open.cc.ua/admin/index.php?route=catalog/product
       
      Не заменяет файлов, все изменения вносятся через OCMOD или jQuery.
       
      Работает (тестировался): OpenCart 3.0.0.0, 3.0.1.1, 3.0.1.2, 3.0.2.0, 3.0.3.x
       
      ВНИМАНИЕ!
      Версия 3.2 требует Ioncube Loader не ниже версии 10 и PHP не ниже версии 5.6 (поддерживает версии PHP 5.6, 7.0, 7.1, 7.2)! Лицензия активируется автоматически. Тех, кто не указал домен при покупке, прошу указать его в ЛС или письмом на адрес i.bond@mail.ru указав при этом номер счета и ник на данном форуме.  
      Установка:
      Загрузить файл в установках расширений, перейти в модификаторы и обновить.
       
      Что нового в версии 3.2.0:
      Добавлена возможность редактирования изображений, названия, модели, артикула, производителя, категорий (совместим с SEO_PRO), цены, акционной цены, количества и статуса товара не заходя в товар. Добавлена возможность группового Включения/Отключения отфильтрованных товаров. Добавлена возможность скрытия левого меню и фильтра.  
      Что нового в версии 3.1.0:
      Добавлена возможность выбора для фильтрации нескольких производителей и/или категорий. Добавлена колонка производители в список товаров. Добавлена сортировка по производителю.  
      Что нового в версии 3.0.1:
      Исправлены мелкие ошибки.
    • От buslikdrev
      1 600.00 руб · Срок продления: 400.00 руб за год
      Скачать/Купить дополнение


      Подкатегории / Линейка продукции для производителей
      Название модуля: Линейка продукции для производителей - "SubManufacturers"
      Версия модуля: 1.1
      Тип лицензии: Full (Полная версия)
      Тип установки: ocmod
      Язык: Беларуская мова, English, Русский язык, Українська мова
      Дата создания: 30.05.2017
      Дата обновления: 15.02.2018
      Был протестирован на: OpenCart.pro 2.1.0.2.2 и 2.3.0.2.3, OpenCart-"Русская сборка" 2.1.0.2 (rs1) и 2.3.0.2 (rs6), ocStore 2.1.0.2.1 и 2.3.0.2.3 - шаблон (default, Magazin, Revolution, Journal 3, Lightshop)
      Название архива 1: SubManufacturers v1.0 Full OpenCart.pro 2.1.X.zip
      Название архива 2: SubManufacturers v1.1 Full OpenCart 2.X.zip
      Добавлен архив модуля: ManufacturerWall v1.1 Full OpenCart 2.X-3.0.X.zip
       
      При покупки более 1-ой лицензии, скидка50%
       
      ДЕМОНСТРАЦИЯ


      ОПИСАНИЕ
      Модификатор предназначен для добавления линейки (подкатегории) в производителях, а именно появится возможность разделить производителей на линейки выпускаемой ими продукции.
      Например, есть производитель Samsung, в стандартном модуле производителей будет выводиться такая продукция: телевизоры, микроволновые печи, электрочайники и т.д. Согласитесь, что как-то безобразно при переходе по нажатию на производителя в карточке товара теряться в каше другого товара, когда вас интересуют конкретно телевизоры. Благодаря этому модулю
      ваши покупатели не будут теряться в производителях и смогут быстрее подобрать себе товар. 

      ВНИМАНИЕ!
      Оригинальные файлы магазина не заменяет!
      Не забывайте делать бэкап базы данных на всякий случай.
      ДОБАВЛЕН В СОСТАВ МОДУЛЬ: Витрина производителей / ManufacrturerWall v1.1 - Он будет идти отдельным архивом, чтобы можно было на выбор ставить его или нет. Обновление двух модулей будут идти в ногу.
      С модулем Сео-оптимизация шаблона конфликтов в работе нет.
      Всегда проверяйте такие модули (окмоды - архивы) содержащие такие файлы: "install.php, install.sql" так как злоумышленники могут навредить вашему сайту, например, вашими руками удалят вашу базу данных.
      Пример запроса (смотрите, чтобы не было удаления таблиц "DROP TABLE": категорий, пользователей, товара и т.д. по оригиналу или всей БД "DROP DATABASE"):


      Модификатор "вносит изменения" в следующие файлы:
       
       
      УСЛОВИЯ СОГЛАШЕНИЯ
      - Beta версии устанавливаете на свой страх и риск - бэкап базы данных (далее - БД) обязателен;
      - Модуль (модификатор, дополнение, расширение, приложение) (далее - Модуль) можно устанавливать на 1 домен включая поддомены (одна покупка - один домен);
      - Редактировать код можно только под нужды своего магазина;
      - Распространение модуля запрещено;
      - Техническая поддержка (далее - ТП) осуществляется только при появлении ошибки, бага, глюка (зависания) и не совместимости модуля с заявленными версиями Opencart и шаблонов на момент продажи, при установке на боевой сайт (рабочий хостинг);
      - Адаптация модуля под другую версию Опенкарта, нестандартный шаблон и сторонние модули - платная;
      - Автор модуля оставляет за собой право в любое время внести изменение в настоящее условие, описание и исходный код модуля;
      - Автор модуля оставляет за собой право прекратить ТП пользователям по истечению 365 календарных дней со дня последнего обновления модуля (Full или Beta версии), или со дня окончания продления ТП, или при форс-мажорных обстоятельств;
      - ТП осуществляется при условии соблюдения данного соглашения, пишите в личные сообщения.

      Вопросы и пожелания можно задавать в данной теме.
      Добавил buslikdrev Добавлено 15.02.2018 Категория Серии, Комплекты Системные требования Сайт разработчика http://buslikdrev.by/ Старая цена 1600 Метод активации Автоматическая активация 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 Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х  
    • От buslikdrev
      Название модуля: Линейка продукции для производителей - "SubManufacturers"
      Версия модуля: 1.1
      Тип лицензии: Full (Полная версия)
      Тип установки: ocmod
      Язык: Беларуская мова, English, Русский язык, Українська мова
      Дата создания: 30.05.2017
      Дата обновления: 15.02.2018
      Был протестирован на: OpenCart.pro 2.1.0.2.2 и 2.3.0.2.3, OpenCart-"Русская сборка" 2.1.0.2 (rs1) и 2.3.0.2 (rs6), ocStore 2.1.0.2.1 и 2.3.0.2.3 - шаблон (default, Magazin, Revolution, Journal 3, Lightshop)
      Название архива 1: SubManufacturers v1.0 Full OpenCart.pro 2.1.X.zip
      Название архива 2: SubManufacturers v1.1 Full OpenCart 2.X.zip
      Добавлен архив модуля: ManufacturerWall v1.1 Full OpenCart 2.X-3.0.X.zip
       
      При покупки более 1-ой лицензии, скидка50%
       
      ДЕМОНСТРАЦИЯ


      ОПИСАНИЕ
      Модификатор предназначен для добавления линейки (подкатегории) в производителях, а именно появится возможность разделить производителей на линейки выпускаемой ими продукции.
      Например, есть производитель Samsung, в стандартном модуле производителей будет выводиться такая продукция: телевизоры, микроволновые печи, электрочайники и т.д. Согласитесь, что как-то безобразно при переходе по нажатию на производителя в карточке товара теряться в каше другого товара, когда вас интересуют конкретно телевизоры. Благодаря этому модулю
      ваши покупатели не будут теряться в производителях и смогут быстрее подобрать себе товар. 

      ВНИМАНИЕ!
      Оригинальные файлы магазина не заменяет!
      Не забывайте делать бэкап базы данных на всякий случай.
      ДОБАВЛЕН В СОСТАВ МОДУЛЬ: Витрина производителей / ManufacrturerWall v1.1 - Он будет идти отдельным архивом, чтобы можно было на выбор ставить его или нет. Обновление двух модулей будут идти в ногу.
      С модулем Сео-оптимизация шаблона конфликтов в работе нет.
      Всегда проверяйте такие модули (окмоды - архивы) содержащие такие файлы: "install.php, install.sql" так как злоумышленники могут навредить вашему сайту, например, вашими руками удалят вашу базу данных.
      Пример запроса (смотрите, чтобы не было удаления таблиц "DROP TABLE": категорий, пользователей, товара и т.д. по оригиналу или всей БД "DROP DATABASE"):


      Модификатор "вносит изменения" в следующие файлы:
       
       
      УСЛОВИЯ СОГЛАШЕНИЯ
      - Beta версии устанавливаете на свой страх и риск - бэкап базы данных (далее - БД) обязателен;
      - Модуль (модификатор, дополнение, расширение, приложение) (далее - Модуль) можно устанавливать на 1 домен включая поддомены (одна покупка - один домен);
      - Редактировать код можно только под нужды своего магазина;
      - Распространение модуля запрещено;
      - Техническая поддержка (далее - ТП) осуществляется только при появлении ошибки, бага, глюка (зависания) и не совместимости модуля с заявленными версиями Opencart и шаблонов на момент продажи, при установке на боевой сайт (рабочий хостинг);
      - Адаптация модуля под другую версию Опенкарта, нестандартный шаблон и сторонние модули - платная;
      - Автор модуля оставляет за собой право в любое время внести изменение в настоящее условие, описание и исходный код модуля;
      - Автор модуля оставляет за собой право прекратить ТП пользователям по истечению 365 календарных дней со дня последнего обновления модуля (Full или Beta версии), или со дня окончания продления ТП, или при форс-мажорных обстоятельств;
      - ТП осуществляется при условии соблюдения данного соглашения, пишите в личные сообщения.

      Вопросы и пожелания можно задавать в данной теме.
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.