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

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

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

6 оценок

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

Ваш отзыв
Установок
100+
Разработчик
Поддержка

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

Параметры задаются 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