Versatile Banner

Настройка Компонент темы
,
263

Хм, в таком случае вы можете добавить что-то вроде следующего в одно из настроек «content» для Versatile Banner:

<div class="xmas-banner-image"></div>

Затем добавьте CSS в вашу основную тему или новый компонент. Вот пример, где вы можете заменить LINK_TO_MOBILE_IMAGE на реальную ссылку на изображение:

.mobile-view .xmas-banner-image {
  background-image: url("LINK_TO_MOBILE_IMAGE");
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.desktop-view .xmas-banner-image {
  background-image: url("LINK_TO_DESKTOP_IMAGE");
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

Вам придётся поэкспериментировать с CSS, но, надеюсь, это поможет вам начать.

3 лайка