Homepage Hero Banners v1.0.12

Hero Banners
Add, edit and manage top sliders for homepage.
Title
Subtitle
Button text
Button URL
Desktop image URL (optional)
Desktop video URL (optional)
Mobile image URL (optional)
Mobile video URL (optional)
Fallback image URL (optional)
Legacy video URL (fallback)
Media position X
50%
Media position Y
50%
Background photo under banner
This photo fills empty areas behind contain video/image. Use it when the main media does not cover the full banner.
Background photo - Desktop
Background photo - Mobile
Background photo - Fallback
How it works
The background photo is rendered with cover behind the main media. Banner background color stays behind the photo.
Фото поверх баннера (overlay)
Продуктовое фото, которое накладывается поверх фонового изображения. Используйте PNG с прозрачным фоном для лучшего результата.
Overlay фото — Desktop
Overlay фото — Mobile
Позиция по X (0=лево, 100=право)
75%
Позиция по Y (0=верх, 100=низ)
65%
Размер (ширина, % от баннера)
45%
Предпросмотр overlay
нет фото
Позиция кнопки «Jetzt shoppen»
Кнопка: позиция по X (0=лево, 100=право)
50%
Кнопка: позиция по Y (0=верх, 100=низ)
86%
Цвет фона за шапкой (Header background color)
Задайте hex-цвет (#rrggbb). Фон будет виден через прозрачную шапку на главной странице.
Цвет фона баннера (под картинкой/видео)
Закрашивает пустые поля, когда картинка/видео не на весь баннер (object-fit: contain).
Sort order
Live positioning
Open full preview and move media in real time.
  • Preview
  • Title
  • Button URL
  • Sort
  • Active
  • Action
  • Loading banners...
Banner live preview
Banner 100% Content 100%
Кнопка ✥
Тяните по баннеру — двигается медиа. Тяните чёрный маркер «Кнопка» — двигается кнопка «Jetzt shoppen». Также можно стрелками/зумом и ползунками.
Copyright © 2025 SnappiKidsShop