Виджет банеров

Всем привет. Нужна разработка виджета (или как это называется) для установки банеров на сайте.

Специфика работы:

Устанавливаем виджет на странице сайта в любое место.

Поле загрузки изображения фона. Адаптивное по всему пространству, в котором установлен. Растягиваться должно по длине текста на нем.

Поле выбора в палитре полупрозрачного фона, который будет распологаться на фоне картинке. Тоже адаптивное и растягивается по длине текста.

Поле хтмл редактора, куда вносится текст и применяются стили. Можно использовать имеющийся уже на сайте. Текст располагается на полупрозрачном фоне. Может быть коротким и большим.

Поле кнопки. Название кнопки. Цвет кнопки (палитра). Выбор расположения (справа/слева/внизу/вверху/по центру).

Данный виджет будет устанавливаться в разных типах контента. Много из тз есть в различных слайдерах в разделе дополнений, но нам нужно именно статичный адаптивный. В каталоге не нашли.

Движок 2.8.2. Шаблон boxed. Связь в личке. Можно в телеграм.

Если нужно прям быстро, можно просто воткнуть виджет HTML в него добавить всё что необходимо, ну стили сответственно прописать в файле CSS. Ссылки на баннер и надписи можете менять как угодно. Это на скорую руку рабочий варик. 

<div class="custom-banner-widget" style="background-image: url('banner.jpg');">
  <div class="overlay" style="background-color: rgba(0, 0, 0, 0.5);">
    <div class="banner-content">
      <h2>Ваш текст</h2>
      <p>Какой-то подробный текст...</p>
      <a href="#" class="banner-button" style="background-color: #ff5722;">Подробнее</a>
    </div>
  </div>
</div>
 

краткий список фич
Установка в любое место страницы — через HTML-блок
Фоновое изображение — с адаптивной подгонкой.
Полупрозрачный цветной блок (оверлей).
Кнопка: Текст кнопки Цвет кнопки
Расположение: сверху, снизу, слева, справа, центр
Полная адаптивность — под мобилки, планшеты и десктопы.
Возможность повторного использования в разных местах.

Всем привет. Нужна разработка виджета (или как это называется) для установки банеров на сайте. Специфика работы: Устанавливаем виджет на странице сайта в любое место. Поле загрузки изображения фона.

Это не подойдёт?

Виджет

Гибкий и настраиваемый баннер

от Litemir

Скачать 585 загрузок