@De1f

Конфигуратор на сайте?

Доброй ночи, подскажите как правильно найти информацию, или может есть какие то шаблоны примеры.
Видел на некоторых шаблонах "конфигуратор" который позволяет например задать произвольный цвет элементам (кнопки, фоны и тд), предустановленную расстановку блоков, или переместить блоки выше/ниже, скрыть их.
  • Вопрос задан
  • 179 просмотров
Решения вопроса 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
Речь же о графическом редакторе, эдаком визивиге для заданного набора параметров. С ними все просто, рисуются с помощью JS и в нормальном подходе к разработке параметры, которые ты задаешь во всплывающих формах (дизайн не важен, речь о сути элемента интерфейса) сохраняется в объекте, к примеру:
{
    block: {
        borderColor: 'red',
        borderWidth: '15'
....


Который в дальнейшем преобразуется в стили, инлайновые или отдельным файлом, тут как бэк написан.
В редакторах сайтов, таких, как тильда и юкоз (насколько я помню) оно еще и отображается сразу.

Есть подобные редакторы и на WP, например в Unyson-е: принцип тот же, оформление попроще, блоками.

Таких редакторов много, у этого, к примеру, можно сразу посмотреть сконфигурированный объект.

Другая же категория → надстройка над сайтом, их задача — жестко, через important-ы поменять стили здесь и сейчас. Иногда, переключить тему, де-факто вызвать функцию бэка, которая это сделает, визуально же ты увидишь кубики с цветами.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
bersus
@bersus
https://bersus.design
Если я правильно понял вопрос, то нужно отталкиваться от самого сайта.
Если на базе WordPress, то отлично подойут CSS Hero, а также конструкторы типа Elementor, Beaver Builder, Divi Builder.

В иных случаях могут помочь Tilda, Wix, Webflow и прочие. На самом деле, конструкторов очень много, тут нужно пробовать и смотреть.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы