Настраиваемые характеристики цвета
Руслан ИбрагимовОписание
С помощью плагина "Настраиваемые характеристики цвета" можно задавать любые значения характеристики "Цвет" с использованием CSS-стилей. Плагин поддерживает градиенты, линейные и радиальные градиенты, иконки и изображения в формате base64.
Возможности
Плагин "Настраиваемые характеристики цвета" позволяет задавать цвета с помощью CSS-стилей, что открывает широкие возможности для настройки внешнего вида товаров. Вы можете использовать градиенты, линейные и радиальные градиенты, иконки и изображения в формате base64.
- Градиенты: можно задать линейные или радиальные градиенты
- Иконки: добавлять иконки с помощью ссылок на изображения или спрайты
- Изображения: закодировать изображения в base64 и использовать их
- Случайные градиенты: сгенерировать случайные градиенты с помощью команды random
Настройка
Настройка плагина проста и занимает несколько минут. Вы можете задать параметры в панели управления магазина.
- Градиенты: вставьте CSS-код градиента, сгенерированного на сайте https://cssgradient.io
- Иконки: используйте спрайты, сгенерированные на сайте https://www.toptal.com/developers/css/sprite-generator
- Изображения: закодируйте изображения в base64 с помощью онлайн-конвертера, например, https://codebeautify.org/image-to-base64-converter
Примеры
Примеры настройки CSS-стилей:
``css 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; ``
Отзывы (9)
После последнего обновления шопа плагин перестал работать. Интерфейс 2.0 ни при чем. Нет вывода текстур в карточке товара. Идет вывод просто цвета из настроенных характеристик цвета самого магазина.
Хороший плагин. Хотелось бы так же, что бы он менял и цвет в характеристиках, а то получается, что в описании цвет тот, что нужно(градиент), а в характеристиках - изначальный вариант.
Плагин супер! Как говориться ничего не понятно, но очень интересно! Объясните мне тупому, как им пользоваться! Плагин установил, сайт вроде не упал - уже спасибо. Но при выборе типа характеристики "цвет" ничего не меняется. так же при выборе цвет выскакивает градиент цвета и всё. Может надо куда-то в другое место тыкать?
Отличный плагин, спасибо! Размещал картинку цветом. Загрузив картинку в Сайт->Файловый менеджер, код сработал так: background: url('/wa-data/public/site/названиекартинки.jpg') no-repeat;