teplici-parniki
Фон сайта белый.1. Блок Шапка Создаем дубль существующей шапки (header) и сохраняем как header2, чтоб прицепить только к этой странице.
ПК версия.
Сейчас так:
Нужно так:
Кнопку при наведении осветляем как при наведении на меню. Кнопка с номером телефона заставляем звонить при клике, а Кнопку "Заказать звонок" заставляем вызвать соответствующую всплывающую кнопку.
Мобильная версия.
Располагаем сверху вниз, выравниваем по центру, создаем sticky эффект (залипание при прокрутке вниз более чем на 100 пикселей) фиксируем кнопку с номером телефона, а логотип и кнопку заказать звонок прокручиваем - обязательно - кнопка Заказать звонок должна прокручиваться ПОД кнопкой с номером телефона.:
- Логотип (уменьшаем в два раза);
- Кнопка с номером телефона;
- Кнопка "заказать звонок"
2. Слайдер. Берем компонент с первой страницы, создаем копию для отдельной её реализации. В Админке создаем возможность добавлять слайды с текстом именно для этой страницы.
ПК версия.
Должна быть возможность добавлять только картинку без текста и кнопки. Высота слайдера 350 пикселей.
Мобильная версия.
В мобильной версии высота 250 пикселей. Должен отображаться только заголовок на зеленом фоне внизу слева.
3. Блок Акция Создаем в Админке компонент с возможностью добавления контента и вариантов акций, которые можно размещать в разных местах сайта. (Блок взял с сайта https://zavodteplic.ru/msk/ )
Поля элемента:
- Блок должен быть с выбором фона с закругленными краями.
- поле для вставки картинки
- Блок с 4-мя текстовыми полями ( иконка + жирный текст + простой текст). при не заполненных текстовых полях отображается только те, которые заполнены с выравниванием по вертикали по центру
ПК версия.
Высота блока 250 пикселей. Блок состоит из картинки и текстового блока.
Мобильная версия.
Располагаем сверху картинку, снизу текстовый блок. Адаптивим картинку с сохранением пропорций, а текст с уменьшением размера шрифта.
4. Блок с видео - рилсами. Создаем в Админке компонент с возможностью создавать разные элементы чтоб добавлять их в разные части сайта. Видео должно запускаться самостоятельно и быть зациклено (проигрываться безостановочно). Должна быть возможность показывать видео с хостинга сайта и из ютуба (шортс)
Поля элемента:
- Заголовок
- 4 видео в формате телефона с текстовой подписью под рилсом
ПК версия.
Нужно примерно так:
Мобильная версия
Не показываем этот блок.
5. Блок с карточками товаров. Создаем в Админке компонент с возможностью создания его элементов (карточек товаров) Блок из двух частей: текстовый (таблица из двух колонок) 2/3 ширины экрана и картинка 1/3 ширины экрана.
ПК версия
Примерно так:
Мобильная версия
Сверху вниз:
- картинка
- таблица с двумя колонками
- текст описания
6. Блок Акция - другая акуция из созданного компонента
7. Блок - "Регионы бесплатной доставки" с нашего сайта со страницы https://laik-stroy.ru/teplicy/
