Настройки блока (создай магазтин на sellios, чтобы поиграть с настройками и понять как они устроены):
Те у тебя получится интерфейс что-то вроде:
<CoverTextInCenter img={путь до картинки} .../>
Также нужно, чтобы на мобильной версии (xs и sm) - использовалась другая картинка. Сейчас на fun-look это не сделано, но надо чтобы на мобильных экранах блок был растянут на всю высоту viewport: 100vh (при этом картинка бы менялась).
Поиграй сперва с настройками на Sellios, продумай интерфейс, посмотри стили на babylon: htdocs/app/views/less/common/components/blocks/covers/textInCenter.less и сделай компонент, который бы принимал все эти настройки в качестве св-в.
Пример блока: https://fun-look.ru/page/some-test-landing
Настройки блока (создай магазтин на sellios, чтобы поиграть с настройками и понять как они устроены):
Те у тебя получится интерфейс что-то вроде:
Также нужно, чтобы на мобильной версии (
xs
иsm
) - использовалась другая картинка. Сейчас на fun-look это не сделано, но надо чтобы на мобильных экранах блок был растянут на всю высоту viewport:100vh
(при этом картинка бы менялась).Поиграй сперва с настройками на Sellios, продумай интерфейс, посмотри стили на babylon:
htdocs/app/views/less/common/components/blocks/covers/textInCenter.less
и сделай компонент, который бы принимал все эти настройки в качестве св-в.