Настраиваемые характеристики цвета

Настраиваемые характеристики цвета для Shop-Script

Вместо цвета характеристики градиент или картинка

4.4 15 оценок

Бесплатно

Установите плагин «Настраиваемые характеристики цвета» с помощью приложения «Инсталлер» в бекенде своего аккаунта Webasyst.

Ваш отзыв
Установок
400+
Разработчик
Поддержка
Лицензия
LGPL
Версия
1.0
Обновлено
13 сентября 2020
Минимальные требования

С помощью плагина "Настраиваемые характеристики цвета" можно задать любые значения характеристики "Цвет".

Параметры задаются css стилями, список вариантов которые сейчас возможны:

  • градиент, линейный или радиальный,
  • иконку с помощью ссылки на изображение или на спрайт и указать расположение иконки в спрайте
  • изображение закодированное в base64
  • случайный градиент с помощью команды random!
например
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,124,0,1) 100%);
background: url(/img/colors.png) no-repeat; background-position: -245px -2px;

Градиенты можно генерировать здесь https://cssgradient.io и вставлять весь css в поле как есть

Для генерации спрайтов https://www.toptal.com/developers/css/sprite-generator/

Для перевода картинки в base64 https://codebeautify.org/image-to-base64-converter

Руслан Ибрагимов

Все продукты этого разработчика ›